From 75c3e7b63c3cab779621e5aae1cc519d4005bf99 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Mon, 29 May 2017 14:13:22 -0400
Subject: [PATCH] css tweaks to admin user page on mobile

---
 .../stylesheets/common/admin/admin_base.scss  | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 5e9a29358a4..c8f6b350d31 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -549,12 +549,20 @@ section.details {
   padding: 5px;
   clear: both;
   text-align: right;
+  @media (max-width: $mobile-breakpoint) {
+    .btn {
+      margin: 2px;
+    }
+  }
 }
 
 .display-row.associations .value {
   width: 750px;
   @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%;
     float: left;
     margin-left: 12px;
+    @media (max-width: $mobile-breakpoint) {
+      margin-left: 0;
+      line-height: 20px;
+      margin-top: 5px;
+    }
   }
   .value {
     width: 250px;
     float: left;
     margin-left: 12px;
+    @media (max-width: $mobile-breakpoint) {
+      width: 75%;
+      float: right;
+      text-align: left;
+      margin-left: 0;
+    }
   }
   .long-value {
     width: 800px;
@@ -602,10 +621,13 @@ section.details {
     float: left;
     margin-left: 12px;
     @media (max-width: $mobile-breakpoint) {
-      width: 100%;
+      width: 75%;
+      float: right;
+      text-align: left;
+      margin-left: 0;
     }
     .btn {
-      margin-right: 5px;
+      margin: 2px 5px 2px 0;
     }
   }
 }