From 3c54f305f9a2468e3008c61541c4833f6ad83eda Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Fri, 28 Jan 2022 18:10:14 +0100
Subject: [PATCH] fixed banner media queries causing overflow

---
 src/js/elements/notifications.js | 2 +-
 src/sass/banners.scss            | 4 ++--
 src/sass/z_media-queries.scss    | 3 +++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/js/elements/notifications.js b/src/js/elements/notifications.js
index 54e222102..74f3354b7 100644
--- a/src/js/elements/notifications.js
+++ b/src/js/elements/notifications.js
@@ -117,7 +117,7 @@ class Notification {
         $(`#notificationCenter .notif[id='${this.id}']`).toggleClass("hover");
       });
     } else if (this.type === "banner") {
-      let leftside = `<div class="icon">${icon}</div>`;
+      let leftside = `<div class="icon lefticon">${icon}</div>`;
 
       if (/^images\/.*/.test(this.customIcon)) {
         leftside = `<div class="image" style="background-image: url(${this.customIcon})"></div>`;
diff --git a/src/sass/banners.scss b/src/sass/banners.scss
index 10f869ce1..b579cf57e 100644
--- a/src/sass/banners.scss
+++ b/src/sass/banners.scss
@@ -25,7 +25,7 @@
         margin-left: 2rem;
       }
       .icon {
-        margin-left: 2rem;
+        margin-left: 1rem;
         margin-top: 0.5rem;
         margin-bottom: 0.5rem;
       }
@@ -34,7 +34,7 @@
         margin-bottom: 0.5rem;
       }
       .closeButton {
-        margin-right: 2rem;
+        margin-right: 1rem;
         margin-top: 0.5rem;
         margin-bottom: 0.5rem;
         transition: 0.125s;
diff --git a/src/sass/z_media-queries.scss b/src/sass/z_media-queries.scss
index ad89966ff..ba876d686 100644
--- a/src/sass/z_media-queries.scss
+++ b/src/sass/z_media-queries.scss
@@ -110,6 +110,9 @@
     .image {
       display: none;
     }
+    .lefticon {
+      display: none;
+    }
     .text {
       margin-left: 2rem;
     }