fix: center gear icon in mobile session tabs

- Increase min-width and height for better touch target
- Add align-items/justify-content for proper centering
- Adjust padding for balanced appearance

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-31 15:46:26 +01:00
co-authored by Claude Opus 4.5
parent a85603d8cf
commit 236442a8dd
3 changed files with 12 additions and 8 deletions
+10 -6
View File
@@ -8044,14 +8044,16 @@ kbd {
display: none;
}
/* Only show close/gear buttons on active tab - smaller gear */
/* Only show close/gear buttons on active tab - properly sized for mobile */
.session-tab.active .tab-close,
.session-tab.active .tab-gear {
display: inline-flex;
font-size: 0.55rem;
padding: 0.02rem 0.1rem;
min-width: 14px;
height: 14px;
align-items: center;
justify-content: center;
font-size: 0.7rem;
padding: 0.15rem 0.25rem;
min-width: 20px;
height: 20px;
}
/* Clean dark toolbar - positioned near bottom */
@@ -8555,7 +8557,9 @@ kbd {
.session-tab .tab-gear {
opacity: 1;
width: auto;
padding: 0.2rem 0.4rem;
padding: 0.15rem 0.25rem;
align-items: center;
justify-content: center;
}
/* Simplify button hover states */