From 69f95068f14e96f1e16a61322bb85e9dfe4e885b Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 13 Mar 2025 04:04:08 +0200
Subject: [PATCH] style(next)/shell/right pane: minor restyle

---
 src/public/stylesheets/theme-next-dark.css  |  2 ++
 src/public/stylesheets/theme-next-light.css |  2 ++
 src/public/stylesheets/theme-next/shell.css | 19 +++++++++++++++++++
 3 files changed, 23 insertions(+)

diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index 22ca6dbc8..66d76fd33 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -138,6 +138,8 @@
     --protected-session-active-icon-color: #8edd8e;
     --sync-status-error-pulse-color: #f47871;
 
+    --right-pane-heading-color: gray;
+
     --root-background: var(--left-pane-background-color);
 
     --gutter-color: transparent;
diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css
index c0ac2c03d..8c26932f9 100644
--- a/src/public/stylesheets/theme-next-light.css
+++ b/src/public/stylesheets/theme-next-light.css
@@ -132,6 +132,8 @@
     --protected-session-active-icon-color: #16b516;
     --sync-status-error-pulse-color: #ff5528;
 
+    --right-pane-heading-color: gray;
+
     --root-background: var(--left-pane-background-color);
 
     --gutter-color: transparent;
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 13b597a46..a3f8992c8 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -958,8 +958,27 @@ body.mobile .note-title {
     background: var(--main-background-color);
 }
 
+#right-pane div.card-header {
+    align-items: center;
+    border: 0;
+}
+
+#right-pane .card-header-title {
+    margin-top: 2px;
+    font-weight: 600;
+    font-size: .85em;
+    letter-spacing: .3pt;
+    color: var(--right-pane-heading-color);
+}
+
 #right-pane .card-header-buttons {
     align-items: center;
+    top: 0;
+}
+
+#right-pane .toc-widget,
+#right-pane .highlights-list-widget {
+    padding: 0 0 0 10px;
 }
 
 #right-pane .toc li,