fix(web): Fix mobile header padding and narrow-viewport table overflow

Restore vh-based top padding on the app bar at <=640px (previously
overridden by a fixed value), and collapse secondary-language prayer
name alternatives at <=480px so times never scroll off-screen.
This commit is contained in:
abdus committed 2026-10-08 21:09:19 +02:00
1 parent b5aecf4304
commit e295a997a1
1 file changed
+21 -1
+21 -1
View File
@@ -169,7 +169,7 @@ body {
.app-bar {
flex-direction: column;
gap: 0.625rem;
padding: 0.75rem 1rem;
padding: clamp(1rem, 4vh, 2rem) 1rem 0.75rem;
}
}
@@ -237,6 +237,26 @@ p + p {
}
}
@media (max-width: 480px) {
.salath-table {
table-layout: fixed;
}
.cell-names {
width: 62%;
white-space: normal;
overflow: hidden;
}
.cell-times {
width: 38%;
}
.salath-name-alternatives {
display: none;
}
}
.salath-table {
font-size: clamp(1.1rem, 2.4vh, 1.625rem);
font-weight: 600;