From a57c237c69079d42f06c58d5dc8b11514dc08824 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 6 Nov 2025 01:34:39 +0200
Subject: [PATCH] client/read only note info bar: style tweaks for zen mode

---
 apps/client/src/widgets/read_only_note_info_bar.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/read_only_note_info_bar.css b/apps/client/src/widgets/read_only_note_info_bar.css
index 5d02f5baa..01167e950 100644
--- a/apps/client/src/widgets/read_only_note_info_bar.css
+++ b/apps/client/src/widgets/read_only_note_info_bar.css
@@ -1,14 +1,15 @@
 div.read-only-note-info-bar-widget {
     contain: none;
     display: flex;
-    justify-content: space-between;
-    align-items: center;
+    opacity: 0;
+    max-height: 0;
     margin-top: 4px;
     background: var(--read-only-note-info-bar-background, var(--accented-background-color));
     padding: 8px 20px;
     color: var(--read-only-note-info-bar-color);
-    opacity: 0;
-    max-height: 0;
+    justify-content: space-between;
+    align-items: center;
+    font-size: .9em;
 }
 
 div.read-only-note-info-bar-widget.visible {
@@ -19,6 +20,9 @@ div.read-only-note-info-bar-widget.visible {
 
 div.read-only-note-info-bar-widget.zen-mode-only {
     display: none;
+    width: var(--max-content-width);
+    margin: 0 auto;
+    border-radius: 8px;
 }
 
 body.zen div.read-only-note-info-bar-widget.zen-mode-only {