From 4432d49467f7e3c14108ec5303828a9bbd43f541 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Wed, 8 May 2019 23:35:33 -0700
Subject: [PATCH] fix: fix style of snackbar on mobile (#1197)

---
 src/routes/_components/snackbar/Snackbar.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/routes/_components/snackbar/Snackbar.html b/src/routes/_components/snackbar/Snackbar.html
index 65739227..6755dea9 100644
--- a/src/routes/_components/snackbar/Snackbar.html
+++ b/src/routes/_components/snackbar/Snackbar.html
@@ -86,7 +86,24 @@
 
   @media (max-width: 767px) {
     .snackbar-container {
-      width: 100%;
+      width: calc(100% - 20px);
+    }
+    button {
+      margin-left: 0;
+      padding: 7px 10px;
+    }
+  }
+
+  @media (max-width: 479px) {
+    button {
+      font-size: 0.9em;
+    }
+    :global(.close-snackbar-button) {
+      width: 14px;
+      height: 14px;
+    }
+    .text {
+      font-size: 0.9em;
     }
   }
 </style>