Add some padding to the contact list in mobile view

diff --git a/css/app.css b/css/app.css
index 1a0c1bd..55655e2 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7449,6 +7449,10 @@ h2#slide-text {
   padding: 0; }
 #glm-contact-front-container .glm-member-container {
   padding: 0; }
+@media only screen and (max-width: 40em) {
+  #glm-contact-front-container .glm-member-list-active-info {
+    padding-left: 10px; }
+ }
 
 #glm-event-wrapper h1 {
   font-size: 1.5rem;

diff --git a/scss/plugins/_glm-member-db-contacts.scss b/scss/plugins/_glm-member-db-contacts.scss
index cd2fd36..d30c77e 100644 (file)
--- a/scss/plugins/_glm-member-db-contacts.scss
+++ b/scss/plugins/_glm-member-db-contacts.scss
@@ -5,4 +5,9 @@
     .glm-member-container {
         padding: 0;
     }
+    @media #{$small-only} {
+        .glm-member-list-active-info {
+            padding-left: 10px;
+        }
+    }
 }
\ No newline at end of file