feat(FN-956): improve remote edit button usability on mobile and desktop

- Increase remote edit icon size from 12px to 16px for better tap/click targets
- Add mobile-specific CSS rules to show/hide remote edit buttons based on screen size
- Add comprehensive test coverage for mobile-friendly edit button visibility
This commit is contained in:
gsxdsm
2026-04-05 11:07:28 -07:00
parent ec2dc79569
commit 56dc5e8d3e
3 changed files with 51 additions and 4 deletions

View File

@@ -5439,6 +5439,22 @@ body {
width: 16px;
height: 16px;
}
/* Git Manager remote edit buttons: always visible on mobile (no hover) */
.gm-remote-edit-btn {
opacity: 1;
width: 44px;
height: 44px;
margin-right: -8px;
margin-top: -8px;
margin-bottom: -8px;
border-radius: var(--radius-md);
}
.gm-remote-edit-btn svg {
width: 16px;
height: 16px;
}
}
/* === Tablet Responsive Tier (769px1024px) === */