From dda8b2795b130bf80ac04b1c2ad63138203b7547 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 6 Nov 2025 00:17:14 +0200
Subject: [PATCH] client/read only note info bar: tweak style

---
 apps/client/src/stylesheets/theme-next-dark.css     | 1 +
 apps/client/src/stylesheets/theme-next-light.css    | 1 +
 apps/client/src/stylesheets/theme-next/shell.css    | 8 ++++++++
 apps/client/src/widgets/read-only-note-info-bar.css | 5 +++--
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 787bc2eb8..516a019b4 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -191,6 +191,7 @@
     --inactive-tab-text-color: #7c7c7c;
 
     --alert-bar-background: #6b6b6b3b;
+    --read-only-note-info-bar-background: var(--alert-bar-background);
 
     --badge-background-color: #ffffff1a;
     --badge-text-color: var(--muted-text-color);
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index 8a083ae6d..03328f7ad 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -184,6 +184,7 @@
     --inactive-tab-text-color: #4e4e4e;
 
     --alert-bar-background: #32637b29;
+    --read-only-note-info-bar-background: var(--alert-bar-background);
 
     --badge-background-color: #00000011;
     --badge-text-color: var(--muted-text-color);
diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css
index 880e85f70..75c859009 100644
--- a/apps/client/src/stylesheets/theme-next/shell.css
+++ b/apps/client/src/stylesheets/theme-next/shell.css
@@ -1328,6 +1328,14 @@ body.mobile .note-title {
     border-bottom: 2px solid #0000001c !important;
 }
 
+/*
+ * Read-only note info bar
+ */
+
+.read-only-note-info-bar-widget {
+    --link-color: var(--main-text-color);
+}
+
 /*
  * Promoted attributes
  */
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 5e19a65c7..3c799e3ce 100644
--- a/apps/client/src/widgets/read-only-note-info-bar.css
+++ b/apps/client/src/widgets/read-only-note-info-bar.css
@@ -3,8 +3,9 @@ div.read-only-note-info-bar-widget {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-top: 4px;
     background: var(--read-only-note-info-bar-background, var(--accented-background-color));
-    padding: 6px 20px;
+    padding: 8px 20px;
     color: var(--read-only-note-info-bar-color);
     opacity: 0;
     max-height: 0;
@@ -16,7 +17,7 @@ div.read-only-note-info-bar-widget.visible {
     transition: opacity 300ms ease-out;
 }
 
-div.read-only-note-info-bar-widget button {
+:root div.read-only-note-info-bar-widget button {
     white-space: nowrap;
     padding: 2px 8px;
 }
\ No newline at end of file