From 210b8f384c322d05e7f8dcdf96cf89b8eaffc166 Mon Sep 17 00:00:00 2001
From: Tom Puttemans <github@tomputtemans.com>
Date: Tue, 14 Nov 2023 14:29:15 +0100
Subject: [PATCH] Fix #49: notifications container covering the whole screen

---
 style.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 7e81e50..16d0dbb 100644
--- a/style.css
+++ b/style.css
@@ -289,6 +289,13 @@ body.reverse-order .notifications {
   top: 10px;
 }
 
+body.show-message-entry:not(.reverse-order) .notifications {
+  bottom: calc(14px + var(--font-size));
+}
+body.show-message-entry.reverse-order .notifications {
+  top: calc(14px + var(--font-size));
+}
+
 .notifications div {
   border: 2px solid #eee;
   border-color: var(--text-color);
@@ -494,10 +501,6 @@ body.show-message-entry.reverse-order #commands {
   top: calc(9px + var(--font-size));
 }
 
-body.show-message-entry .notifications {
-  bottom: calc(14px + var(--font-size));
-}
-
 body.show-message-entry:not(.reverse-order) #settings {
   bottom: calc(var(--font-size) * 2);
 }