From 071527b35ab3dc507b40c774d87b00b0e782dec2 Mon Sep 17 00:00:00 2001
From: Ethan Paul <24588726+enpaul@users.noreply.github.com>
Date: Tue, 16 Feb 2021 20:18:43 -0500
Subject: [PATCH] Fix social button stacking on mobile

---
 css/style.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 532406a..5a7c791 100644
--- a/css/style.css
+++ b/css/style.css
@@ -87,8 +87,8 @@ h1 {
 ul.buttons {
   list-style: none;
   padding-left: 0;
-  margin-top: 3em;
   margin-bottom: 4em;
+  margin-top: 3em;
   font-size: 1.1em;
 }
 
@@ -96,6 +96,7 @@ ul.buttons li {
   display: inline;
   line-height: 1;
   padding: 0.5em;
+  margin-top: 3em;
   margin-left: 0.5em;
   margin-right: 0.5em;
 
@@ -212,5 +213,15 @@ ul.buttons li {
   #content p {
     margin: 1em;
   }
+
+  ul.buttons {
+    margin-top: 2em;
+    margin-bottom: 3em;
+  }
+
+  ul.buttons li {
+    display: block;
+    margin-top: 1em;
+  }
 }