Move input element icons to the left and add icons for all inputs

This will provide more consistent look.
This commit is contained in:
Łukasz Mierzwa
2017-04-20 21:54:06 -07:00
parent 0ca17211af
commit 0ff3861afe
2 changed files with 29 additions and 19 deletions
+28 -18
View File
@@ -21,29 +21,29 @@
<div class="col-sm-6">
<label class="control-label">Starts at</label>
<div class="input-group date">
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
<input type="datetime"
class="form-control datetime-picker"
id="startsAt"
value="<%= moment().format("YYYY-MM-DD HH:mm:ss") %>"
name="startsAt"
required>
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
<div class="col-sm-6">
<label class="control-label">Ends at</label>
<div class="input-group date">
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
<input type="datetime"
class="form-control datetime-picker"
id="endsAt"
value="<%= moment().add(4, 'hours').format("YYYY-MM-DD HH:mm:ss") %>"
name="endsAt"
required>
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
</div>
@@ -51,21 +51,31 @@
<hr class="separator">
<div class="form-group">
<input type="email"
class="form-control"
id="createdBy"
placeholder="Email"
name="createdBy"
required>
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-envelope"></i>
</span>
<input type="email"
class="form-control"
id="createdBy"
placeholder="Email"
name="createdBy"
required>
</div>
</div>
<div class="form-group">
<input type="text"
class="form-control"
id="comment"
placeholder="Comment"
name="comment"
required>
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-comment"></i>
</span>
<input type="text"
class="form-control"
id="comment"
placeholder="Comment"
name="comment"
required>
</div>
</div>
<hr class="separator">
+1 -1
View File
@@ -252,7 +252,7 @@ func templatesModalHtml() (*asset, error) {
return a, nil
}
var _templatesSilenceHtml = []byte("\x1f\x8b\x08\x00\x00\x00\x00\x00\x00\xff\xcc\x56\xc1\x6e\xe3\x36\x10\xbd\xfb\x2b\x06\x04\x8c\x75\x80\xa5\x75\x29\x7a\x08\x64\x01\xdb\xf5\x16\x09\xd0\x9c\x72\xf2\xa9\xa0\xc9\x71\xcc\x86\x22\x55\x72\x94\xc4\x28\xfa\xef\x05\x29\xca\x96\x62\x0b\x70\xd2\xcb\xfa\x60\x4b\x33\xc3\x99\x79\xef\x71\x4c\x96\x41\x7a\xdd\x10\xd0\xa1\xc1\x15\x13\x4d\x63\xb4\x14\xa4\x9d\x2d\xfe\x0a\xce\x32\xd0\x6a\xc5\x82\x36\x68\x25\xf2\x9d\xf3\x35\xab\x66\xa5\xd2\x2f\xc9\x6e\xf1\xf5\xb1\x73\x7d\x33\xe8\x89\x81\x34\x22\x84\x15\x13\xf1\x0d\xd2\x37\x57\xc2\x3e\xa1\x87\xbd\x56\x0a\x2d\x03\xef\x0c\xe6\x00\x56\x95\x85\xd2\x2f\xd5\xac\x8c\x79\xdf\x25\xfc\xbd\x2b\x05\x50\x1a\xb1\x45\xd3\x67\x96\xce\x92\x77\x86\x27\x23\xab\xfe\x88\x3f\x01\xc8\x41\x2d\x48\xee\xcb\x22\xd9\xd3\xb2\x39\xfc\xb9\x44\x21\xf7\x8b\x64\x0a\x5f\x61\xd7\x5a\x19\x71\x75\x86\x1b\xf8\x07\xe6\x31\x10\xa0\x4c\x4d\x40\xfa\x94\xc7\x04\xf9\x5d\xdb\xa6\xed\xc9\x91\x7b\x94\xcf\x5b\xf7\xc6\x8e\xee\xfc\x49\x0e\x54\x39\x02\xd5\x59\x80\x15\x35\xae\x58\x39\x5f\x41\xca\xbf\x7c\xc6\x03\xcc\xab\xd5\xc9\xf0\x22\x4c\x8b\x30\xaf\xd8\xa0\x74\x68\x84\xed\x71\x9f\x22\x05\x91\x0f\xcb\x64\x8e\xf1\x10\xe8\x60\xf0\x3c\x20\x99\xc7\x09\x23\x29\x7c\x14\x44\xf8\x46\x3d\x0b\xc9\x5f\xc4\x9a\x47\x2e\x8a\x01\x19\x59\xaa\x44\xec\xbf\x37\x71\x51\x7c\xde\xfb\xbe\xc1\x80\x8d\xf0\x82\x9c\x67\x9d\x27\x6e\x91\xec\xf2\xee\x95\x9d\x98\x3e\x29\x69\x78\xa8\xf9\xaf\x6c\x4c\xfd\x84\xd0\x8f\x24\x3c\x05\x10\x34\x6a\x6a\x9c\x31\x49\xc5\x9f\xbc\x6b\x1b\x50\x82\x90\x4d\xc8\x18\x7d\xa4\x6b\x3c\x97\xb1\xcb\x13\x77\x23\xcf\xf5\xa1\x0f\xe6\x8d\x96\xcf\xe8\xcf\xd6\xa4\xf1\x48\xcd\x7d\xa3\x33\x67\x52\xb5\xd3\xa6\x76\x35\x5a\x5a\xdc\x2c\x63\x76\x41\x0b\xb6\xd9\x6c\x36\xfc\xe1\x81\xaf\xd7\x70\x77\x77\x5b\xd7\xb7\x21\xb0\xc8\xeb\xc4\xde\x99\xac\xe1\xf1\xef\x56\x7b\x54\x13\x1b\x67\x40\x0a\x17\x4a\x39\x3b\xde\x10\xfa\x08\x5a\xc0\x4e\x70\x29\x0c\x5a\x25\x7c\x1c\x4d\x3d\xbd\x2f\x8e\x03\x33\x7c\xfc\xb4\xb6\x3f\xac\xfa\x59\x95\x45\xab\xae\xd5\x55\x28\xb5\xf8\xe5\x2b\x7c\xd9\xbb\xd6\x87\x2f\x9f\xd6\x79\xa2\xe2\xb9\xca\x1f\x91\xf9\x5a\x9d\xaf\x10\x3a\x3f\x5c\x3d\xfc\x89\xf2\xd4\x57\xff\x1f\x30\x14\x0c\x6b\xa1\xcd\x08\xec\x05\xa5\x46\xfe\xa8\x8a\xf4\x28\x08\xd5\x6f\x87\x91\xa7\x31\x42\xe2\xde\x19\x85\x7e\xc5\x7e\x9c\x25\xee\xe8\xbd\xbc\x74\xc8\xee\x00\xe0\xd5\x30\xe2\xff\xe8\xc7\x51\xb8\x3a\x6e\x9d\x69\x0c\xdf\x2f\x04\x64\x14\x17\x3c\x13\x18\xae\x12\x29\xf6\xcf\x25\x5a\x42\xdf\xc3\xdb\xb6\x44\xce\x0e\x4f\xff\xc7\x76\x5b\x6b\x62\x19\x72\xc8\x6f\x39\xc3\x96\x2c\x6c\xc9\x72\x85\x3b\xd1\x1a\x62\xd5\xf7\x44\x74\x59\x74\x79\x06\x4d\x95\x45\x64\x25\xfe\x76\x17\x8f\x6a\x36\xfb\xe8\x15\x84\x87\x56\x4a\x0c\xa1\xbf\x8a\xf4\x00\x73\x88\xc7\xd0\x1a\xe2\x5a\x3a\x0b\x03\x64\xdd\xf3\x69\xe9\x85\xa9\x88\xa7\x37\x97\xda\x4b\x83\x79\x32\xfa\xa6\x9b\x29\xaa\xf2\x75\x05\xee\xd7\xb7\xe3\x89\x1c\x57\x8b\x27\x6f\xee\xef\x7e\x0d\xf3\xaa\x1f\xb4\xb2\x68\xfe\x1f\x15\xe8\x7d\x52\xf4\x3d\x16\x7c\x93\x46\xd4\x69\xe9\x3b\x44\x73\x0e\x69\x51\x3c\xc3\x4f\x95\xff\x0b\x00\x00\xff\xff\x68\x85\xed\x51\x07\x0a\x00\x00")
var _templatesSilenceHtml = []byte("\x1f\x8b\x08\x00\x00\x00\x00\x00\x00\xff\xe4\x56\x3f\x6f\xfb\x36\x10\xdd\xfd\x29\x0e\x04\x8c\x9f\x03\x84\xd6\x52\x74\x08\x64\x01\x69\x9c\x22\x01\x9a\x29\x93\xa7\x82\x26\xcf\x31\x1b\x8a\x54\x49\xca\x89\x51\xf4\xbb\x17\xa4\x28\xeb\x8f\xad\xd6\x4d\x87\x0e\x3f\x0f\x11\x75\x77\xbc\xe3\xbd\xf7\xa8\x5c\xee\xb8\x95\x95\x07\x7f\xac\x70\x45\x58\x55\x29\xc9\x99\x97\x46\x67\xbf\x39\xa3\x09\x48\xb1\x22\x4e\x2a\xd4\x1c\xe9\xce\xd8\x92\x14\xb3\x5c\xc8\x43\xb4\x6b\xfc\x78\x6d\x5c\xf7\x0a\xad\x27\xc0\x15\x73\x6e\x45\x58\x78\x83\xf8\x97\x0a\xa6\xdf\xd0\xc2\x5e\x0a\x81\x9a\x80\x35\x0a\x53\x00\x29\xf2\x4c\xc8\x43\x31\xcb\x43\xde\x51\xc2\x9f\x9b\x52\x00\xb9\x62\x5b\x54\x6d\x66\x6e\xb4\xb7\x46\xd1\x68\x24\xc5\x2f\xe1\xe1\xc0\x1b\x28\x99\xe7\xfb\x3c\x8b\xf6\xb8\x6d\x0e\xbf\x2e\x91\xf1\xfd\x22\x9a\xdc\x2d\xec\x6a\xcd\x43\x5f\x8d\xe1\x06\xfe\x80\x79\x08\x04\xc8\xe3\x21\x20\xfe\xf2\x53\x82\xf4\x2e\x75\x55\xb7\xe0\xf0\x3d\xf2\xf7\xad\xf9\x24\x27\x77\xfa\x45\x07\x8a\x14\x81\xe2\x2c\x40\xb3\x12\x57\x24\x9f\xaf\x20\xe6\x5f\xbe\xe3\x11\xe6\xc5\xaa\x33\x1c\x98\xaa\x11\xe6\x05\xe9\x95\x76\x15\xd3\x6d\xdf\x5d\x24\xf3\xde\xba\x65\x34\x87\x78\x70\xfe\xa8\xf0\x3c\x20\x9a\x87\x09\x03\x28\x74\x10\xe4\xf1\xd3\xb7\x28\x44\x7f\x16\x6a\x9e\xb0\xc8\x7a\x60\x24\xaa\x22\xb0\x7f\xde\x84\x4d\x61\xbd\xb7\xed\x01\x1d\x56\xcc\x32\x6f\x2c\x69\x3c\x41\x22\xc9\x65\xcd\x07\xe9\x90\xee\x98\x54\xd4\x95\xf4\x47\x32\x84\x7e\x82\xe8\x57\xcf\xac\x77\xc0\xfc\xe0\x50\xc3\x8c\x91\x2a\xfa\x66\x4d\x5d\x81\x60\x1e\xa7\xb0\xec\xc5\x51\x26\x84\xd1\x43\x8c\x64\x1b\xb7\x63\xb0\x63\x94\x33\x85\x5a\x30\x1b\xd4\x2a\xa7\xa0\x1a\x09\x25\x54\xf7\xb2\xc4\x73\xa1\xa4\xcc\xc6\x96\x34\x75\x08\x6d\x30\xad\x24\x7f\x47\x7b\xb6\x27\x5e\xc0\xd8\xfe\xbd\x3f\x73\x46\xdd\x34\xec\x97\xa6\x44\xed\x17\x37\xcb\x90\x9d\xf9\x05\xd9\x6c\x36\x1b\xfa\xf2\x42\xd7\x6b\x78\x7a\xba\x2b\xcb\x3b\xe7\x48\x60\x6e\x42\x9d\x93\x35\x2c\xfe\x5e\x4b\x8b\xa2\xd3\xc5\xe9\xc2\xf4\x97\x5f\xe6\xf6\x51\x8b\xef\x97\x59\xd4\xe2\x5a\x5e\x99\x10\x8b\x1f\x6e\xe1\xdb\xde\xd4\xd6\x7d\xfb\x32\xcf\x13\x15\xaf\x61\x39\x2d\xae\xbe\xf9\x11\x8d\x48\xc7\x85\x0f\x40\x8f\xac\x4e\x27\xd7\xb2\x39\xe6\x12\xf5\x01\x95\xa9\x70\xc0\xe5\xe8\x73\xd6\xe7\x11\x4b\x26\xd5\x08\x83\x0b\x14\x8e\x22\x02\x61\xdc\x22\xf3\x28\x7e\x3a\x8e\x7c\x95\x62\x1c\xf7\x46\x09\xb4\x2b\xf2\x78\x21\x7d\x83\xfe\xd4\xf6\x21\xfc\x97\x10\xff\x5f\x70\xe5\xa6\x0c\xea\xbb\x16\xd6\xf0\x0f\xe5\x6b\xa8\xa6\x3a\x7f\x83\xe9\xc3\xc5\x90\x84\xea\x45\xdf\x3f\x63\x7a\x95\x8a\x43\x53\x94\xa3\xf6\x68\x5b\xb8\xb7\xb5\xf7\x46\xf7\x67\xa3\xd7\x7a\x5b\x4a\x4f\x12\x0e\x2e\xbd\xa5\x0c\x5b\xaf\x61\xeb\x35\x15\xb8\x63\xb5\xf2\xa4\x78\x88\x2a\xc8\xb3\x26\x4f\xef\x50\x79\x16\x80\x0a\xcf\x66\x2c\x2b\x66\xb3\x7f\x3b\xa0\x51\x57\x73\x8e\xce\xb5\x83\x5a\xdb\x60\x0a\xb1\xe8\x6a\xe5\xa9\xe4\x46\x43\xaf\xb3\x66\xdd\x6d\xbd\x20\x85\x30\xdb\x50\x2e\x2d\x57\xed\x35\x6b\x0f\x5d\x4d\x41\x95\x86\x39\x78\x5e\xdf\x0d\x35\x38\xac\x16\xe6\x92\x74\xbe\xe7\x35\xcc\x8b\x56\x61\x79\x56\xfd\x37\x28\xd0\xda\xc8\xe8\xd9\xe7\xe2\x93\x2b\x56\xc6\xad\xa3\x8e\xe6\x14\xe2\xa6\x30\xe1\x74\x95\xff\x0a\x00\x00\xff\xff\xb0\xda\x13\x4c\x25\x0b\x00\x00")
func templatesSilenceHtmlBytes() ([]byte, error) {
return bindataRead(