Spacing improvement (#496)

- Added a spacer to the follow button on footer (mobile only) - Added missing spacer from page titles (mobile + desktop)
sass · Oct 29, 2020 · 87415b9 · 87415b9
1 parent 2d82028
commit 87415b9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/source/assets/css/components/_lists.scss b/source/assets/css/components/_lists.scss
@@ -10,6 +10,12 @@
 
   &-horizontal-wrapper {
 
+    @include sl-breakpoint--medium {
+      // add margin-bottom space
+      // to the twitter follow button
+      margin-bottom: 1rem;
+    }
+
     @include sl-breakpoint--large {
 
       ul {

diff --git a/source/assets/css/regions/_banner.scss b/source/assets/css/regions/_banner.scss
@@ -1,6 +1,10 @@
 .sl-r-banner {
   position: relative;
 
+  // add bottom padding to increase space
+  // above page titles (visible on mobile site)
+  padding-bottom: 3rem;
+
   a {
     display: inline-block;
   }