BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-04 14:39:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: make gear icon tiny, X larger on mobile tabs

Browse Source 
- Gear: 0.5rem font, 12x12px, 60% opacity (subtle)
- X: 0.9rem font, 18x16px (prominent for tapping)
- 6px gap between icons

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-31 16:07:17 +01:00
co-authored by Claude Opus 4.5
parent 824a79413e
commit acb1ec36c7
6 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+10 -12
View File
@@ -8044,31 +8044,29 @@ kbd {
display: none;
}
/* Gear icon on active tab - smaller, pushed right, vertically centered */
/* Gear icon on active tab - tiny, subtle */
.session-tab.active .tab-gear {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.7rem;
font-size: 0.5rem;
line-height: 1;
padding: 0;
width: 20px;
height: 20px;
width: 12px;
height: 12px;
margin-left: auto;
margin-right: 0;
opacity: 0.6;
}
/* Close button on active tab - larger, tight to gear, vertically centered */
/* Close button on active tab - prominent for easy tapping */
.session-tab.active .tab-close {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-size: 0.9rem;
line-height: 1;
padding: 0;
width: 20px;
height: 20px;
margin-left: 2px;
width: 18px;
height: 16px;
margin-left: 6px;
}
/* Clean dark toolbar - positioned near bottom */