Fix centering of error banner (#156)

Co-authored-by: Brandon Duffany <[email protected]>
buildbuddy-io · Nov 21, 2020 · deb2e3f · deb2e3f
1 parent 0b784a2
commit deb2e3f
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/app/errors/errors.css b/app/errors/errors.css
@@ -3,7 +3,6 @@
   z-index: 9000;
 
   left: 50%;
-  transform: translateX(-50%);
   margin-top: 32px;
 
   background: #ffcdd2;
@@ -18,13 +17,13 @@
 .error-banner.hidden {
   pointer-events: none;
   opacity: 0;
-  transform: translateY(-16px);
+  transform: translateX(-50%) translateY(-16px);
   transition: 128ms ease-in;
 }
 
 .error-banner.visible {
   opacity: 1;
-  transform: none;
+  transform: translateX(-50%);
   transition: 128ms ease-out;
 }