Commit 02dcc418 authored by Arinde Eniola's avatar Arinde Eniola

make the view responsive for extra small device

parent 802c6e7b
...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
.label-name { .label-name {
display: inline-block; display: inline-block;
width: 21%; width: 21%;
@media (max-width: $screen-xs-min) {
display: block;
}
} }
.label { .label {
...@@ -80,10 +84,21 @@ ...@@ -80,10 +84,21 @@
.prepend-left-10 { .prepend-left-10 {
display: inline-block; display: inline-block;
width: 45%; width: 45%;
@media (max-width: $screen-xs-min) {
display: block;
width: 100%;
margin-left: 0px;
padding: 10px 0;
}
} }
.pull-right { .pull-right {
@media (max-width: $screen-xs-min) {
float: none !important;
}
.action-buttons { .action-buttons {
border-color: transparent; border-color: transparent;
margin: 7px; margin: 7px;
...@@ -97,6 +112,11 @@ ...@@ -97,6 +112,11 @@
a { a {
color: $gl-text-color; color: $gl-text-color;
} }
@media (max-width: $screen-xs-min) {
display: block;
margin-bottom: 10px;
}
} }
} }
} }
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment