From 6cc694754f57571b7a8835455c09e7878c1674c9 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Thu, 16 Apr 2026 16:12:03 -0400
Subject: [PATCH] op config ui

---
 src/App.vue    |  3 ---
 src/styles.css | 39 ++++++++++++++++++++++++---------------
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c5d14c6..643b236 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -210,9 +210,6 @@ const {
                     <div>
                       <div class="config-title-row">
                         <h4>{{ config.name }}</h4>
-                        <span class="badge neutral">
-                          {{ config.source === "default" ? "Default" : "Custom" }}
-                        </span>
                       </div>
                     </div>
                   </div>
diff --git a/src/styles.css b/src/styles.css
index c646cf6..e8c59e0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -228,9 +228,17 @@ button {
   display: block;
   width: auto;
   height: auto;
+  object-fit: contain;
+}
+
+.browser-nav-icon img {
   max-width: 38px;
   max-height: 38px;
-  object-fit: contain;
+}
+
+.config-icon img {
+  max-width: 26px;
+  max-height: 26px;
 }
 
 .config-nav-icon {
@@ -353,10 +361,11 @@ button {
 
 .icon-option-button {
   display: grid;
-  justify-items: center;
-  gap: 5px;
-  min-height: 86px;
-  padding: 9px 8px;
+  grid-template-columns: 24px minmax(0, 1fr);
+  align-items: center;
+  column-gap: 8px;
+  min-height: 0;
+  padding: 8px 10px;
   border: 1px solid rgba(148, 163, 184, 0.2);
   border-radius: 12px;
   background: rgba(255, 255, 255, 0.9);
@@ -369,16 +378,16 @@ button {
 }
 
 .icon-option-button img {
-  width: 26px;
-  height: 26px;
+  width: 22px;
+  height: 22px;
   object-fit: contain;
 }
 
 .icon-option-button span {
-  font-size: 0.72rem;
+  font-size: 0.75rem;
   font-weight: 600;
-  text-align: center;
-  line-height: 1.25;
+  text-align: left;
+  line-height: 1.2;
 }
 
 .icon-option-button.active {
@@ -467,24 +476,24 @@ button {
 .config-card-header,
 .config-title-row {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 10px;
 }
 
 .config-card-lead {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 10px;
   min-width: 0;
   flex: 1;
 }
 
 .config-icon {
-  width: 36px;
-  height: 36px;
+  width: 30px;
+  height: 30px;
   border-radius: 0;
-  font-size: 0.8rem;
+  font-size: 0.74rem;
   overflow: visible;
 }