From f24258f278d02ff5956b399ef20caf344f64e2e6 Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Fri, 13 Feb 2026 14:10:10 +0800
Subject: [PATCH] fix styling

---
 .../topbar-edit-modal/topbar-edit-modal.module.css  | 13 ++++++++++---
 .../topbar-edit-modal/topbar-edit-modal.tsx         |  7 ++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/topbar-edit-modal/topbar-edit-modal.module.css b/src/components/topbar-edit-modal/topbar-edit-modal.module.css
index e83538c5..078c1847 100644
--- a/src/components/topbar-edit-modal/topbar-edit-modal.module.css
+++ b/src/components/topbar-edit-modal/topbar-edit-modal.module.css
@@ -138,13 +138,20 @@
 
 .editSubscriptionsLink {
   font-size: var(--body-font-size);
-  color: var(--link-color, #0000ee);
-  text-decoration: underline;
+  color: var(--post-link-text-color);
+  text-decoration: var(--post-content-link-text-decoration);
   cursor: pointer;
 }
 
+.editSubscriptionsWrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+}
+
 .editSubscriptionsLink:hover {
-  color: var(--link-hover-color, #551a8b);
+  color: var(--post-link-text-color-hover);
+  text-decoration: var(--post-content-link-text-decoration-hover);
 }
 
 .topbarEditFooter {
diff --git a/src/components/topbar-edit-modal/topbar-edit-modal.tsx b/src/components/topbar-edit-modal/topbar-edit-modal.tsx
index b46940d3..c1814793 100644
--- a/src/components/topbar-edit-modal/topbar-edit-modal.tsx
+++ b/src/components/topbar-edit-modal/topbar-edit-modal.tsx
@@ -100,8 +100,9 @@ const TopbarEditModal = () => {
             <div className={styles.section}>
               <div className={styles.checkboxItem}>
                 <input type='checkbox' id='show-subscriptions' checked={showSubscriptions} onChange={(e) => setShowSubscriptions(e.target.checked)} />
-                <label htmlFor='show-subscriptions'>
-                  show subscriptions (
+                <label htmlFor='show-subscriptions'>show subscriptions</label>
+                <span className={styles.editSubscriptionsWrapper}>
+                  (
                   <Link
                     to={location.pathname.replace(/\/$/, '') + '/settings#subscriptions-settings'}
                     className={styles.editSubscriptionsLink}
@@ -113,7 +114,7 @@ const TopbarEditModal = () => {
                     edit subscriptions
                   </Link>
                   )
-                </label>
+                </span>
               </div>
             </div>
           )}