minor cosmetics

src/components/AssetSidebar.vue

@@ -792,10 +792,10 @@ h4 {
 
 .thumbs-switch-knob {
   position: absolute;
-  top: 1.5px;
-  left: 1.5px;
-  width: 11px;
-  height: 11px;
+  top: 2px;
+  left: 2px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
   background: var(--panel);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
@@ -807,7 +807,7 @@ h4 {
 }
 
 .thumbs-switch-input:checked + .thumbs-switch-track .thumbs-switch-knob {
-  left: 13.5px;
+  left: 14px;
   background: #fff;
 }
 

src/components/SceneDrawer.vue

@@ -99,7 +99,7 @@ watch(menu, (m) => {
         <PhFilmSlate :size="14" class="title-icon" />
         <h3>{{ t('scenes.title') }}</h3>
         <button class="add-btn" v-tooltip="t('scenes.add')" @click="addScene">
-          <PhPlus :size="13" weight="bold" />
+          <PhPlus :size="12" weight="bold" />
         </button>
       </header>
       <div class="scene-list">
@@ -242,23 +242,24 @@ watch(menu, (m) => {
 }
 
 .add-btn {
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   padding: 0;
-  border: 1px solid var(--border);
+  border: none;
   background: transparent;
-  border-radius: var(--radius-sm);
+  border-radius: 50%;
   color: var(--text-dim);
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
   cursor: pointer;
+  transition: background 140ms var(--ease), color 140ms var(--ease);
 }
 
 .add-btn:hover {
-  color: var(--text);
-  background: var(--panel-alt);
-  border-color: var(--accent);
+  background: var(--accent);
+  color: #fff;
 }
 
 .scene-list {