refactor consolidate two @media (max-width: 600px) blocks

Merge the separate bottom-nav media query into the main mobile block. Move #bottom-nav { display: none } default above the unified query.

Commit
625743e8ae542af181e25d0f8251914f265f741b
Author
Claude Sonnet 4 <claude@anthropic.invalid>
Author date
Committer
Marius Peter <dev@marius-peter.com>
Committer date
lib/static/styles.css
index bbe57daf..e531a45a 100644..100644
@@ -1080,6 +1080,11 @@
1080 1080 }
1081 1081 }
1082 1082
1083 Added: /* Bottom navigation bar — hidden by default, shown on mobile */
1084 Added: #bottom-nav {
1085 Added: display: none;
1086 Added: }
1087 Added:
1083 1088 @media (max-width: 600px) {
1084 1089 body {
1085 1090 padding-bottom: 60px;
@@ -1162,14 +1167,8 @@
1162 1167 .diff-lines {
1163 1168 font-size: 0.85em;
1164 1169 }
1165 Removed: }
1166 1170
1167 Removed: /* Bottom navigation bar (mobile only) */
1168 Removed: #bottom-nav {
1169 Removed: display: none;
1170 Removed: }
1171 Removed:
1172 Removed: @media (max-width: 600px) {
1171 Added: /* Bottom navigation bar (mobile only) */
1173 1172 #bottom-nav {
1174 1173 display: block;
1175 1174 position: fixed;