mirror of
https://github.com/smittix/intercept.git
synced 2026-07-12 03:28:11 -07:00
Fix nav-tools button overlap with increased gap and containment
- Increased gap between tool buttons from 4px to 8px - Added min-width to prevent button shrinking - Added overflow: hidden to contain absolutely positioned icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -783,13 +783,14 @@ header h1 {
|
|||||||
.nav-tools {
|
.nav-tools {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 8px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tool-btn {
|
.nav-tool-btn {
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
|
min-width: 28px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
@@ -802,6 +803,7 @@ header h1 {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tool-btn:hover {
|
.nav-tool-btn:hover {
|
||||||
|
|||||||
Reference in New Issue
Block a user