commit 62a3867ddbe9ab481da605c3fd7aac195f065878
Author: Ben Sima <ben@bensima.com>
Date: Thu Nov 27 15:53:40 2025
Refactor navbar to single horizontal row (Jr logo left, links right)
The changes are complete. The navbar is now refactored to always stay
as - The Jr logo/brand on the left - Navigation links on the right -
On mobile screens, instead of switching to a column layout, it now jus
Task-Id: t-154.1
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 9910e655..73b2c02d 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -794,12 +794,12 @@ responsiveStyles = do
body ? fontSize (px 13)
".container" ? padding (px 6) (px 8) (px 6) (px 8)
".navbar" ? do
- flexDirection column
- alignItems flexStart
padding (px 6) (px 8) (px 6) (px 8)
".navbar-links" ? do
- width (pct 100)
- justifyContent center
+ Stylesheet.key "gap" ("1px" :: Text)
+ ".navbar-link" ? do
+ padding (px 4) (px 6) (px 4) (px 6)
+ fontSize (px 11)
".nav-content" ? do
flexDirection column
alignItems flexStart