Padding on memberdb list items in mobile view.

diff --git a/css/app.css b/css/app.css
index 8062983..a69af2d 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7185,6 +7185,12 @@ h2#slide-text {
       color: black;
       text-decoration: underline;
       margin-right: 15px; }
+  @media only screen and (max-width: 40em) {
+    #page-wrapper .glm-member-detail-container .glm-member-list-description, #page-wrapper .glm-member-entry-container .glm-member-list-description, #page-wrapper .glm-member-list-container .glm-member-list-description {
+      left-padding: 20px; } }
+  @media only screen and (max-width: 40em) {
+    #page-wrapper .glm-member-detail-container .glm-member-list-active-info, #page-wrapper .glm-member-entry-container .glm-member-list-active-info, #page-wrapper .glm-member-list-container .glm-member-list-active-info {
+      left: initial; } }
 #page-wrapper .glm-member-detail-container {
   border: 0; }
   @media only screen and (max-width: 40em) {

diff --git a/scss/plugins/_memberdb.scss b/scss/plugins/_memberdb.scss
index 8c1fd54..b0f4e97 100644 (file)
--- a/scss/plugins/_memberdb.scss
+++ b/scss/plugins/_memberdb.scss
@@ -54,6 +54,16 @@
             margin-right: 15px;
             }
         }
+        .glm-member-list-description {
+            @media #{$small-only} {
+                left-padding: 20px;
+            }
+        }
+        .glm-member-list-active-info {
+            @media #{$small-only} {
+                left: initial;
+            }
+        }
     }
     .glm-member-detail-container {
         border: 0;