Get error messages closer to Structure designs

hashicorp · Nov 9, 2018 · b002823 · b002823
1 parent d49631b
commit b002823
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/ui/app/styles/components/error-container.scss b/ui/app/styles/components/error-container.scss
@@ -6,27 +6,29 @@
   flex-direction: column;
   justify-content: start;
   align-items: center;
-  background: $grey-lighter;
+  background: $white-ter;
 
   .error-message {
+    width: 95vw;
     max-width: 600px;
 
-    .title,
-    .subtitle {
+    .title {
       text-align: center;
     }
   }
 
   .error-stack-trace {
-    border: 1px solid $grey-light;
+    border: 1px solid $grey-lighter;
     border-radius: $radius;
+    background: $white;
   }
 
   .error-links {
     padding-top: 15px;
     margin-top: 15px;
-    border-top: 1px solid $grey-light;
-    width: 600px;
+    border-top: 1px solid $grey-lighter;
+    width: 95vw;
+    max-width: 600px;
     text-align: center;
   }
 }