fix: frontend UI polish — tooltips, planner checkbox, settings layout (#228)

- Fix mobile tooltip positioning (above icon instead of centered)
- Place planner checkbox and send-now button on same row
- Move settings tooltips beside input fields instead of overlapping
- Fix input-with-tooltip layout for narrow screens
- Add daily/everyNDays i18n keys for dose frequency display
- Fix lint formatting in page components

Closes #225
This commit is contained in:
Daniel Volz
2026-02-16 21:51:51 +01:00
committed by GitHub
parent 871e6066ec
commit 779870960c
10 changed files with 147 additions and 125 deletions
+6
View File
@@ -301,6 +301,12 @@ function AppContent() {
closeAllTooltips();
// Toggle this one
target.classList.add("tooltip-active");
// Position tooltip above the icon on mobile
if (window.innerWidth <= 640) {
const rect = target.getBoundingClientRect();
// Place tooltip bottom edge just above the icon
target.style.setProperty("--tooltip-bottom", `${window.innerHeight - rect.top + 8}px`);
}
} else {
closeAllTooltips();
}