From 6fffe84b1cac907e9404526e1283c654b7b76c2e Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Sat, 15 Aug 2020 11:15:28 -0700
Subject: [PATCH] fix alignment of announcement

---
 components/Announcement.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/Announcement.js b/components/Announcement.js
index 6ba4900..1b46a3e 100644
--- a/components/Announcement.js
+++ b/components/Announcement.js
@@ -60,12 +60,13 @@ function Toast() {
             color: #fff;
             border: 1px solid #fff;
             border-radius: 2px;
-            margin-top: calc(var(--x4) * -1);
+            margin-top: -4.6rem;
             animation-name: slide;
             animation-duration: 600ms;
-            max-width: 100vw;
             margin-left: auto;
             margin-right: auto;
+            /* fix this to only set max width when necessary (mobile) */
+            max-width: 63vw;
           }
 
           .toast-content {
@@ -93,6 +94,12 @@ function Toast() {
           p {
             margin: 0;
           }
+
+          @media (max-width: 840px) {
+            .toast {
+              display: none;
+            }
+          }
         `}
       </style>
     </div>