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; }