From 0d18da7a8e267793a27ebb154fa067ee7c595f6d Mon Sep 17 00:00:00 2001
From: Elliott Brooks <21270878+elliette@users.noreply.github.com>
Date: Mon, 30 Oct 2023 17:16:55 -0700
Subject: [PATCH] Banner added to top instead of bottom of page (#2273)

---
 .../web/static_assets/styles.css              | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/dwds/debug_extension_mv3/web/static_assets/styles.css b/dwds/debug_extension_mv3/web/static_assets/styles.css
index 55a0b4c5e..c220b7a9f 100644
--- a/dwds/debug_extension_mv3/web/static_assets/styles.css
+++ b/dwds/debug_extension_mv3/web/static_assets/styles.css
@@ -75,7 +75,7 @@ h6 {
 }
 
 .snackbar {
-  bottom: 0px;
+  top: 0px;
   color: #eeeeee;
   font-family:  Roboto, 'Helvetica Neue', sans-serif;
   left: 0px;
@@ -85,7 +85,7 @@ h6 {
   text-align: center;
   visibility: hidden;
   width: 100%;
-  z-index: 1;
+  z-index: 2147483647;
 }
 
 .snackbar > a {
@@ -113,44 +113,44 @@ h6 {
 
 @-webkit-keyframes fadein {
   from {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
   to {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
 }
 
 @keyframes fadein {
   from {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
   to {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
 }
 
 @-webkit-keyframes fadeout {
   from {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
   to {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
 }
 
 @keyframes fadeout {
   from {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
   to {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
 }