fix(better-error-message): Added max-width for long error messages, adjusted close icon size

7 years ago · 94ab470e5c
1 changed files with 7 additions and 2 deletions
--- a/app/components/GlobalError/GlobalError.scss
+++ b/app/components/GlobalError/GlobalError.scss
@ -24,15 +24,20 @@

    .close {
      position: absolute;
-      top: calc(50% - 8px);
+      top: 50%;
      right: 10%;
+      transform: translateY(-50%);
      cursor: pointer;
+      font-size: 2rem;
    }

    h2 {
+      max-width: 75%;
+      margin-left: auto;
+      margin-right: auto;
      font-size: 20px;
      letter-spacing: 1.5px;
      font-weight: bold;
    }
  }
-}
+}