Cleanup silence form controls

Drop separators and replace submit button text with an icon
This commit is contained in:
Łukasz Mierzwa
2017-04-25 10:30:15 -07:00
parent 92efd51adc
commit e26bb6e492
3 changed files with 26 additions and 16 deletions

View File

@@ -450,13 +450,19 @@ table.silence-duration-table > tbody > tr > td.silence-duration-label {
line-height: 2em;
}
.no-margin-top {
margin-top: 0;
}
a[aria-expanded=true] .fa-chevron-right {
display: none;
}
a[aria-expanded=false] .fa-chevron-down {
display: none;
}
/* adjust size and padding to look like bootstrap button but without all background tweaks */
.icon-as-button {
text-align: center;
vertical-align: middle;
padding: 10px 15px;
font-size: 15px;
line-height: 1.42857143;
display: inline-block;
}

View File

@@ -30,8 +30,6 @@
<% }) %>
</table>
<hr class="separator">
<div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation">
@@ -132,8 +130,6 @@
</div>
</div>
<hr class="separator no-margin-top">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
@@ -164,18 +160,26 @@
<hr class="separator">
<a class="text-muted" data-toggle="collapse" href="#silenceJSON" aria-expanded="false" aria-controls="silenceJSON">
<i class="fa fa-chevron-right"></i>
<i class="fa fa-chevron-down"></i>
</a>
<div class="row">
<div class="col-sm-6">
<a class="text-muted icon-as-button" data-toggle="collapse" href="#silenceJSON" aria-expanded="false" aria-controls="silenceJSON">
<i class="fa fa-chevron-right"></i>
<i class="fa fa-chevron-down"></i>
</a>
</div>
<div class="col-sm-6 text-right">
<button id="silenceSubmit" type="submit" class="btn btn-success">
<i class="fa fa-floppy-o"></i>
</button>
</div>
</div>
<div class="collapse" id="silenceJSON">
<p class="text-muted">
</p>
<pre id="silenceJSONBlob"></pre>
</div>
<div class="text-center">
<button id="silenceSubmit" type="submit" class="btn btn-success">Create</button>
</div>
</form>
</script>

File diff suppressed because one or more lines are too long