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:
1 parent
b5aecf4304
commit
e295a997a1
1 file changed
+21
-1
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user