From 588d8a681a34da5777520096a11d5eea74fc2251 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Fri, 29 Jan 2021 22:12:24 -0500
Subject: Display notification style updates (#1327)

* Add scrollbar-inverse styles

* Update notification styles to support better overflowing
---
 ext/mixed/display-templates.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'ext/mixed/display-templates.html')

diff --git a/ext/mixed/display-templates.html b/ext/mixed/display-templates.html
index 2d363b7b..6b744271 100644
--- a/ext/mixed/display-templates.html
+++ b/ext/mixed/display-templates.html
@@ -136,9 +136,11 @@
 <template id="tag-template"><span class="tag"><span class="tag-inner"></span></span></template>
 
 <!-- Extra -->
-<template id="footer-notification-template"><div class="footer-notification">
+<template id="footer-notification-template"><div class="footer-notification scrollbar-inverse">
     <div class="footer-notification-body"></div>
-    <button class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button>
+    <div class="footer-notification-close-button-container">
+        <button class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button>
+    </div>
 </div></template>
 <template id="footer-notification-tag-details-template" data-remove-whitespace-text="true">
     <div class="tag-details"></div>
-- 
cgit v1.2.3