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

fix: align gear and close icons together on mobile tabs

Browse Source 
- Push gear icon to right with margin-left: auto
- Reduce gap between gear and close with negative margins
- Keep both icons tightly grouped at tab end

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-31 15:52:45 +01:00
co-authored by Claude Opus 4.5
parent 2fcd794daf
commit dfb8937ba4
3 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+15 -12
View File
@@ -8044,18 +8044,7 @@ kbd {
display: none;
}
/* Close button on active tab - larger for easy tapping */
.session-tab.active .tab-close {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
padding: 0.2rem 0.3rem;
min-width: 24px;
height: 24px;
}
/* Gear icon on active tab - smaller, less prominent */
/* Gear icon on active tab - smaller, pushed right */
.session-tab.active .tab-gear {
display: inline-flex;
align-items: center;
@@ -8064,6 +8053,20 @@ kbd {
padding: 0.1rem 0.2rem;
min-width: 16px;
height: 16px;
margin-left: auto;
margin-right: -2px;
}
/* Close button on active tab - larger, tight to gear */
.session-tab.active .tab-close {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
padding: 0.2rem 0.3rem;
min-width: 24px;
height: 24px;
margin-left: -2px;
}
/* Clean dark toolbar - positioned near bottom */