Change sort buttons positions

Closes SCI-3534
This commit is contained in:
Jure Grabnar 2019-06-13 12:16:23 +02:00 committed by Urban Rotnik
parent 218cf84775
commit 7adef9cc9e
2 changed files with 34 additions and 30 deletions

View file

@ -95,6 +95,32 @@
.input-group-addon {
background: $color-white;
color: $color-silver-chalice;
}
}
}
}
.protocol-sort {
padding-left: 7px;
span {
color: $color-silver-chalice;
font-size: 14px;
}
.btn-group {
margin-bottom: 10px;
margin-top: 6px;
padding-left: 3px;
label {
padding-bottom: 0;
padding-top: 0;
&.active {
background: $color-gainsboro;
border-radius: 5px;
color: $color-emperor;
}
}
@ -112,30 +138,6 @@
margin-left: 0;
margin-right: 0;
&.protocol-sort {
border-bottom: 1px solid $color-silver-chalice;
span {
color: $color-silver-chalice;
vertical-align: middle;
}
.btn-group {
margin-bottom: 10px;
margin-top: 10px;
label {
padding-bottom: 0;
padding-top: 0;
&.active {
background: $color-gainsboro;
border-radius: 5px;
color: $color-emperor;
}
}
}
}
}
// When no search result is present

View file

@ -22,12 +22,8 @@
</div>
<% end %>
</div>
</div>
<div class='row main-protocol-panel'>
<div class='col-md-5 protocol-list-side-panel'>
<div class='row protocol-sort'>
<div class='col-md-7'>
<div class='protocol-sort'>
<span><%= t('protocols.index.external_protocols.sort_by.title') %></span>
<div class='btn-group' data-toggle='buttons' >
<label class='btn btn-link active'>
@ -45,6 +41,12 @@
</label>
</div>
</div>
</div>
</div>
<div class='row main-protocol-panel'>
<div class='col-md-5 protocol-list-side-panel'>
<div class='row empty-text'>
<%= t('protocols.index.external_protocols.list_panel.empty_text') %>