First Alpha

src/components/notifications.scss

@@ -1,9 +1,20 @@
+:root {
+    --notification-margin: 15px;
+}
+
+@media screen and (min-width: 1000px) {
+    :root {
+        --notification-margin: 35px;
+    }
+}
+
+
 .notifications_container {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 128;
-    margin-top: 35px;
+    margin-top: calc(var(--notification-margin) - 10px);
 }
 
 .notifications_success {
@@ -30,6 +41,7 @@
 
 .notifications_notification {
     h4 {
+        color: inherit;
         font-weight: bold;
         margin: 0;
     }
@@ -41,7 +53,7 @@
 
     position: static;
     margin-top:10px;
-    margin-right:35px;
+    margin-right:var(--notification-margin);
     padding: 0.5em;
     width: 300px;
 }