From 6cf4e6b56fe6630cc2a81f009ea434ce2e411fe5 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Thu, 16 Apr 2026 18:23:14 -0400
Subject: [PATCH] op sidebar ui

---
 .../browser-data/AssociatedProfilesModal.vue  |  2 +-
 src/components/browser-data/BookmarksList.vue |  2 +-
 .../browser-data/ExtensionsList.vue           |  2 +-
 src/components/browser-data/ProfilesList.vue  |  2 +-
 src/components/sidebar/AppSidebar.vue         | 25 ++++++++++---------
 src/styles/app.css                            |  2 +-
 6 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/browser-data/AssociatedProfilesModal.vue b/src/components/browser-data/AssociatedProfilesModal.vue
index 9a14a9f..635f275 100644
--- a/src/components/browser-data/AssociatedProfilesModal.vue
+++ b/src/components/browser-data/AssociatedProfilesModal.vue
@@ -158,7 +158,7 @@ function hasBookmarkPath(profile: ModalProfile): profile is BookmarkAssociatedPr
 
 .header-cell {
   color: var(--muted);
-  font-size: 0.77rem;
+  font-size: 0.81rem;
   font-weight: 700;
   letter-spacing: 0.02em;
 }
diff --git a/src/components/browser-data/BookmarksList.vue b/src/components/browser-data/BookmarksList.vue
index e383267..4fcd275 100644
--- a/src/components/browser-data/BookmarksList.vue
+++ b/src/components/browser-data/BookmarksList.vue
@@ -76,7 +76,7 @@ const emit = defineEmits<{
 
 .header-cell {
   color: var(--muted);
-  font-size: 0.77rem;
+  font-size: 0.81rem;
   font-weight: 700;
   letter-spacing: 0.02em;
 }
diff --git a/src/components/browser-data/ExtensionsList.vue b/src/components/browser-data/ExtensionsList.vue
index 5636ba0..5f87025 100644
--- a/src/components/browser-data/ExtensionsList.vue
+++ b/src/components/browser-data/ExtensionsList.vue
@@ -87,7 +87,7 @@ const emit = defineEmits<{
 
 .header-cell {
   color: var(--muted);
-  font-size: 0.77rem;
+  font-size: 0.81rem;
   font-weight: 700;
   letter-spacing: 0.02em;
 }
diff --git a/src/components/browser-data/ProfilesList.vue b/src/components/browser-data/ProfilesList.vue
index df6b278..c3150ad 100644
--- a/src/components/browser-data/ProfilesList.vue
+++ b/src/components/browser-data/ProfilesList.vue
@@ -98,7 +98,7 @@ const emit = defineEmits<{
 
 .header-cell {
   color: var(--muted);
-  font-size: 0.77rem;
+  font-size: 0.81rem;
   font-weight: 700;
   letter-spacing: 0.02em;
 }
diff --git a/src/components/sidebar/AppSidebar.vue b/src/components/sidebar/AppSidebar.vue
index 1d1e814..76fb3f1 100644
--- a/src/components/sidebar/AppSidebar.vue
+++ b/src/components/sidebar/AppSidebar.vue
@@ -129,24 +129,25 @@ const emit = defineEmits<{
 }
 
 .refresh-icon {
-  width: 13px;
-  height: 13px;
-  border: 1.8px solid #334155;
-  border-right-color: transparent;
-  border-radius: 50%;
+  width: 14px;
+  height: 14px;
+  border: 1.9px solid #334155;
+  border-left-color: transparent;
   position: relative;
+  border-radius: 50%;
+  transform: rotate(-22deg);
 }
 
 .refresh-icon::after {
   content: "";
   position: absolute;
-  top: -2px;
-  right: -3px;
-  width: 6px;
-  height: 6px;
-  border-top: 1.8px solid #334155;
-  border-right: 1.8px solid #334155;
-  transform: rotate(18deg);
+  top: -1px;
+  right: -2px;
+  width: 5px;
+  height: 5px;
+  border-top: 1.9px solid #334155;
+  border-right: 1.9px solid #334155;
+  transform: rotate(0deg);
 }
 
 .sr-only {
diff --git a/src/styles/app.css b/src/styles/app.css
index 92725fa..d2be97b 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -1,6 +1,6 @@
 .app-shell {
   display: grid;
-  grid-template-columns: 320px minmax(0, 1fr);
+  grid-template-columns: 280px minmax(0, 1fr);
   height: 100vh;
   padding: 14px;
   gap: 14px;