css tweaks to admin user page on mobile

This commit is contained in:
Neil Lalonde
2017-05-29 14:13:22 -04:00
parent a0acce174c
commit 75c3e7b63c

View File

@@ -549,12 +549,20 @@ section.details {
padding: 5px; padding: 5px;
clear: both; clear: both;
text-align: right; text-align: right;
@media (max-width: $mobile-breakpoint) {
.btn {
margin: 2px;
}
}
} }
.display-row.associations .value { .display-row.associations .value {
width: 750px; width: 750px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
width: 100%; width: 75%;
float: right;
text-align: left;
margin-left: 0;
} }
} }
@@ -580,11 +588,22 @@ section.details {
width: 17.65765%; width: 17.65765%;
float: left; float: left;
margin-left: 12px; margin-left: 12px;
@media (max-width: $mobile-breakpoint) {
margin-left: 0;
line-height: 20px;
margin-top: 5px;
}
} }
.value { .value {
width: 250px; width: 250px;
float: left; float: left;
margin-left: 12px; margin-left: 12px;
@media (max-width: $mobile-breakpoint) {
width: 75%;
float: right;
text-align: left;
margin-left: 0;
}
} }
.long-value { .long-value {
width: 800px; width: 800px;
@@ -602,10 +621,13 @@ section.details {
float: left; float: left;
margin-left: 12px; margin-left: 12px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
width: 100%; width: 75%;
float: right;
text-align: left;
margin-left: 0;
} }
.btn { .btn {
margin-right: 5px; margin: 2px 5px 2px 0;
} }
} }
} }