style: shrink session item action buttons

Author: SurviveM

tests/unit/config-tabs-ui.test.mjs

@@ -428,7 +428,7 @@ test('trash item styles stay aligned with session card layout and keep mobile us
         styles,
         /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\.session-item-pin svg,\s*[\s\S]*width:\s*16px;/
     );
-    assert.match(styles, /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\s*\{[\s\S]*width:\s*44px;[\s\S]*height:\s*44px;[\s\S]*min-width:\s*44px;[\s\S]*min-height:\s*44px;/);
+    assert.match(styles, /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item-copy\s*\{[\s\S]*width:\s*36px;[\s\S]*height:\s*36px;[\s\S]*min-width:\s*36px;[\s\S]*min-height:\s*36px;/);
     assert.match(styles, /\.codex-config-grid\s*\{/);
     assert.match(styles, /\.codex-config-grid\s*\{[\s\S]*grid-template-columns:\s*repeat\(auto-fit,\s*minmax\(min\(240px,\s*100%\),\s*1fr\)\);/);
     assert.match(styles, /\.codex-config-field\s*\{/);

web-ui/styles/responsive.css

@@ -193,7 +193,7 @@ textarea:focus-visible {
 
     .btn-icon,
     .session-item-copy {
-        min-width: 44px;
+        min-width: 36px;
     }
 
     .session-item {
@@ -214,10 +214,10 @@ textarea:focus-visible {
     }
 
     .session-item-copy {
-        width: 44px;
-        height: 44px;
-        min-width: 44px;
-        min-height: 44px;
+        width: 36px;
+        height: 36px;
+        min-width: 36px;
+        min-height: 36px;
         border-radius: 6px;
         padding: 2px;
         display: inline-flex;
@@ -227,8 +227,8 @@ textarea:focus-visible {
     }
 
     .session-item-copy svg {
-        width: 12px;
-        height: 12px;
+        width: 10px;
+        height: 10px;
     }
 
     .session-item-title {

web-ui/styles/sessions-list.css

@@ -314,8 +314,8 @@
     border: 1px solid rgba(70, 86, 110, 0.35);
     background: rgba(70, 86, 110, 0.08);
     color: var(--color-text-secondary);
-    width: 28px;
-    height: 28px;
+    width: 22px;
+    height: 22px;
     border-radius: 8px;
     display: inline-flex;
     align-items: center;
@@ -339,8 +339,8 @@
 }
 
 .session-item-copy svg {
-    width: 16px;
-    height: 16px;
+    width: 10px;
+    height: 10px;
 }
 
 .session-item-pin {
@@ -349,6 +349,8 @@
 
 .session-item-pin .pin-icon,
 .session-item-pin svg {
+    width: 9px;
+    height: 9px;
     color: rgba(208, 88, 58, 0.78);
 }