fix: make gen2 banner button align better with text

aws-amplify · Dec 7, 2023 · 7453e2f · 7453e2f
1 parent 7487fa9
commit 7453e2f
Showing 1 changed file with 1 addition and 13 deletions.
diff --git a/src/styles/banner.scss b/src/styles/banner.scss
@@ -9,6 +9,7 @@
   &__inner {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
   }
   &__heading {
     font-weight: 700;
@@ -18,12 +19,10 @@
     color: var(--amplify-colors-purple-100);
   }
   &__button {
-    margin: 0 auto;
     background-color: var(--amplify-colors-purple-10);
     color: var(--amplify-colors-purple-80);
     border-color: var(--amplify-colors-purple-20);
     flex: 0 0 auto;
-    align-self: center;
   }
 }
 
@@ -33,14 +32,3 @@
     border: 1px solid var(--amplify-colors-teal-40);
   }
 }
-
-@container (min-width: 700px) {
-  .message-banner {
-    &__inner {
-      flex-direction: row;
-    }
-    &__button {
-      margin: auto 0;
-    }
-  }
-}