From 2044d27022c71c89eae8742452c82f176d720296 Mon Sep 17 00:00:00 2001
From: Dave Sayer <me@luxumbra.dev>
Date: Mon, 2 Nov 2020 13:00:42 +0000
Subject: [PATCH] Fixed hjomepage buttons on mobile  (#156)

* WIP on the Signpost page redesign

* Sidebar now gets highlighted when Library item clicked.

* Better mobile behaviour

* tweaks to tidy the grid

* Sidebar state reset after 5 seconds

* sorry, another tweak for better spacing.

* tweaks

* removed unwanted text

* couple of little tweaks on the homepage buttons & spacing around logo on the signpost page

* tweaks to the mobile view on homepage
---
 src/pages/styles.module.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/styles.module.scss b/src/pages/styles.module.scss
index 62426a0e..d861d9f0 100644
--- a/src/pages/styles.module.scss
+++ b/src/pages/styles.module.scss
@@ -90,9 +90,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 50%;
+  width: 100%;
   margin-top: 50px;
+  @media screen and (min-width: 768px) {
+    width: 50%;
 
+  }
   .button {
     background: #5a32e6;
     border-radius: 4px;
@@ -105,7 +108,7 @@
     color: #fff;
     display: block;
     padding: 12px 0;
-    width: 164px;
+    width: 154px;
     margin-bottom: 0;
 
     &.btnJoin {
@@ -120,6 +123,7 @@
       border: 0;
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
       overflow: hidden;
+      width: 164px;
       transition: box-shadow 0.2s ease, background-color 0.3s 0.1s ease-in-out,
         color 0.3 ease;
       z-index: 2;
@@ -191,9 +195,9 @@
   @media screen and (max-width: 500px) {
     font-size: 12px;
     flex-flow: row wrap !important;
-    max-width: 90% !important;
+    max-width: 100% !important;
     padding: 20px !important;
-    margin: 0 auto !important;
+    margin: 0 0 25px !important;
 
     h3 {
       margin-top: 10px;