From e47b3b65daad7435ded96a8ac11fdb9bec316f74 Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Mon, 2 Aug 2021 14:27:54 +0100
Subject: [PATCH] made merch banner more responsive

---
 src/sass/media-queries.scss | 11 +++++++++++
 src/sass/style.scss         |  2 ++
 static/index.html           |  6 ++++--
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/sass/media-queries.scss b/src/sass/media-queries.scss
index 0a613ab11..130e2166d 100644
--- a/src/sass/media-queries.scss
+++ b/src/sass/media-queries.scss
@@ -48,6 +48,17 @@
   }
 }
 
+@media only screen and (max-width: 900px) {
+  .merchBanner {
+    img {
+      display: none;
+    }
+    .text {
+      padding: 0.25rem 0;
+    }
+  }
+}
+
 @media only screen and (max-width: 800px) {
   .settingsGroup.quickNav {
     display: none;
diff --git a/src/sass/style.scss b/src/sass/style.scss
index 7870a2c60..dec9b969d 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -294,6 +294,8 @@ a:hover {
   align-items: center;
   grid-auto-flow: column;
   gap: 1rem;
+  // height: 2rem;
+  padding: 0 1rem;
   img {
     height: 2rem;
   }
diff --git a/static/index.html b/static/index.html
index c516cb9b6..12b134359 100644
--- a/static/index.html
+++ b/static/index.html
@@ -109,8 +109,10 @@
     </div>
     <div class="merchBanner hidden">
       <img src="images/merchdropwebsite2.png" alt="" />
-      We've got brand new merch designs over at
-      <a href="https://monkeytype.store" target="_blank">monkeytype.store</a>
+      <div class="text">
+        We've got brand new merch designs over at
+        <a href="https://monkeytype.store" target="_blank">monkeytype.store</a>
+      </div>
       <i class="fas closeButton fa-times"></i>
     </div>