make the view responsive for extra small device

This commit is contained in:
Arinde Eniola 2016-04-02 22:54:22 +01:00
parent 802c6e7bba
commit 02dcc4188c
1 changed files with 20 additions and 0 deletions

View File

@ -52,6 +52,10 @@
.label-name {
display: inline-block;
width: 21%;
@media (max-width: $screen-xs-min) {
display: block;
}
}
.label {
@ -80,10 +84,21 @@
.prepend-left-10 {
display: inline-block;
width: 45%;
@media (max-width: $screen-xs-min) {
display: block;
width: 100%;
margin-left: 0px;
padding: 10px 0;
}
}
.pull-right {
@media (max-width: $screen-xs-min) {
float: none !important;
}
.action-buttons {
border-color: transparent;
margin: 7px;
@ -97,6 +112,11 @@
a {
color: $gl-text-color;
}
@media (max-width: $screen-xs-min) {
display: block;
margin-bottom: 10px;
}
}
}
}