From fd61246ceb950a6b499f1d60fa654d1cdaa8a8f2 Mon Sep 17 00:00:00 2001
From: kfj001 <kfj001@gmail.com>
Date: Fri, 26 Jun 2026 02:19:36 +0000
Subject: [PATCH] fixes small gap between navbar and media player on mobile

---
 .../app/__pycache__/models.cpython-312.pyc    | Bin 7763 -> 7577 bytes
 src/app/app.scss                              |  13 +++++---
 src/app/navbar/navbar.component.scss          |  30 ++++++++++++++++++
 3 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/backend/app/__pycache__/models.cpython-312.pyc b/backend/app/__pycache__/models.cpython-312.pyc
index f1f7ced8bb8a0fdae72bedb7d864523eecfeed8b..2b33ce121b80160d36bf090f945b218856dcbbce 100644
GIT binary patch
delta 2049
zcmb7FO>7%g5Z-66?X{itU;Go3CQa0YbVZZ$*8^z))rUlhA(bE}SIDfr3)!;vlDF%)
z7D5(M`8lChPXbkNrzmjBg-S&|^@PL$dT3YT20}g{xS*CBGw&g@v07wS+Rtykd9(X@
z-puTeYuC=I->GUsf-8A{?PBt(TAn^dB<WMhkPKo=EvY6ET!(DZ3e~QjTkLZ)Y)`b*
zn%YX$QbY<#8<HVkmW+t09)$5(l2l7`HVSOaOb^)%XBA-M0XECo1hB~fo8#;Ruxfzq
zPjWg1bUHxiIhz4C8(<5Z%>g?ZV2hm116v5NCC(OsEd|)A-jr4z;6KucuNb-~o1WD=
z+$U)=n+294<luHA0GFk^vO<fTXXlFL!<(TF$<Bf8#|-lgy<>Y{61vDL^44=0L?;pQ
z=vV7?PjA>}TW^{5I+f88MMuaosDg`#XL+_s<LtIveHxF<kLpd&+Baz$jkw#~HI0sK
zy0iecP*K8FnFFgtzKC*ZW%hgI`_d8yrQBVoTOUU5&}nujx==a}z5%{M#GZkbMySTp
zvDJ;Ey6F?RYp9l<LURJ)EW#QBs;AE*pip`eL1kBB`ND`$lth=<jaXL*UBVo)^U7bZ
zPlIQjqAWU#u!?X3;c<X%El0<Ym4vOn3}<KxNy``?M_6Ik<Fm*4AAT0?5nUDJD(si|
z2SQina4+#n_za2~;Nh*)ML;d=M>}n6uVd0VFgeGC`f~N<oo%{+<UD(z&X8GFOjXGV
z)=1r37(=+i>gnqw&Xml@qbb|Ohi)DoWPTt*+a}N1=eckDqd60qN{^8#U+$SY9Z8Ze
zHyoo!pTQSCGE)|M5#Ey6-O1O4B#TSh$^XnH(Rpx-vmAVa+XKg#8AF_q^&&<N56}-c
zEXR+(z3X^Ry+iFss7yf&?}#==x7qE&zEIc(g}(`PSXseJ8$WA8*!mG+bOp`-&Y6c>
z0NB?hL&))X!k(P^bu?ijS0N1G)g;9I&#cujT$DYm{AAZ`xRz%=G;bq~(8bU$J1Acg
zLc44)Q6@LpQ&X$#-N*F4nYxJWIdXj!|9AfP5?azvzUnztf77hkPQzDSVbmL7xiEns
zdN2pDu7&AK@XNc&k63NPyu^z~%mGZmww4W63?Fn48%PRUJ~qD*g9zULI>lj4@lypY
z>owa>*H1L536sI7>)vSlzk{0*uEFg#*+<7NtbB9w*6ACk?_{^$+Y*x&{o7huJT&3%
z*}4t$xYgsck)>vq`!H;W?21EM6w2|Rk;uO!Ts<FweBSWR=KaL0l~)PRKbLd#V0>k*
t<>2gpfqn=Ng%7yoeg^PIm=N-lG;?205_W6m{dARFS@=^@NR@Eae*<MXd`18O

delta 2242
zcmb7FTWB0r7(Qoj+1+HX+0A8>Hfc!Pj3%i_DkP1;HjqlvE=c?0_OhMb8JmqW8T;>S
zyD5QH2!aU3aKKWfh)-23QpiK0;DaEF7rX|d^CCV;d=f-KLGb_2B-_o>N*tJP=X~cs
zXTS5E|NQ61k?$uXUqm8dhR?>v<igNuq`T)a&e(OPF^wC{WI1N?9Ou;b7^_G3*UYwD
zn{0ZGh#AdA%~&qRnTH)`ns0?^em#2IOY<?7i%T|uY>OVRvkA!tkqtGlNy&zhZEaxN
zCEJE<WQ(oQ#3@Nfk&ZP4rzIOlHqpR#NH&RVdjs1k*%Y$r2DVGG9msYzu-!{tO7|wM
zNbxwypr+coT{3kiNO;v+T$|@HK9IzIAfUJGM_6G$_=3>6%@<b_>9r3$6`t6Kl+&W=
z&#4u|ewV`mG3J{cZ>PW%L7Ms_`Mj+b41G~G^?V*^LTI55Pf3FiefaH?ZRijdcYSk@
zw-OUji+1U<4smLP%EftIs~CD2I<V~u>7uWU1Tp5n6_DyO;%EO?d`R30q<OFSBrw?7
zj}e=c7H;el_@!`oMDUi0+D@G?Oi^`pFhb1;!6d<x1f&+G2uK(x1W^Phy0yl<3Kz?`
z$R?db6iBci-|_+iS}N|f%!j3H>LF9b(coVfda*GB{fN*<aD-rx;2=U)Ny094w_&K`
zqYZX7kJ5N)!y)lTXm1~x42KDtlui>jEjB_gyN*tao=o@Ja(LW(n1pT8w$8u-M8)d_
zDvPB{6&)xIBqzl>zPXd9vp`FQ0r6{O5APGf=o}vur=vd(?m~P>JQI6|hsEEqYw0F=
zvoz`K+RgZP+_jDfY2CHthqY$wT*G3!FwF5S=_)jN<@gGgwghAJpAR*RHWLV*XX5kr
zbFOO(VkGsClmi3U<!<NZ>lE6slkr^$b0s}RBkOzUcnc-V3B53H*;c*+#zPchVuCy+
z7LB&V-SlPGGipoEPIRohA}Pljb8h#>x%!Up&<BU8`QNrxC<H;g)v39vh>@xWx_)W4
z&UMX0V`N&n`u?YXXJ~ksfb==7SM)-;Wa|%dusQ9jG^#3Yc30i~t<tIRyvM{H&$zHM
zYDx>Ou=m6Dn<2W?s<eqeGkfJiHv4h-jN*lpG>xp8{?ekRS7ma@qh7?G`a`!4y}v(=
zaGlwBjk(VPIneajzHMS5u>E!aw|0AL@F^^NS;Yr5uj5^`t^kd5ycN6HR05pfq@kJx
zO`W=$I%Qj+Ueu2nR$+9TeH+J>69_M|kB2@T{%H8i>etJkEw3Lt>lS9(psccW==$o{
zzyr%`NX+-_n+TE;Dpo4c5}a@mbgW!jUbUOF!7}zsxPc$#3*wueGmm~dadtg%?xk7x
z?<pdyWaL8KHHOQV4AsCZ#9R{3_KwuHD)xPL)B+P?G_$Pg^8S-I3)N+qCZIASPdU)x
zp~S^}AdrG~7AZ8)wCK8;f>$wwHlX|_!f#&A`A>`=6nxJsvGe@3!9Q4#pXXBdzw3pW
AB>(^b

diff --git a/src/app/app.scss b/src/app/app.scss
index 57c45c7..16e3dd3 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -1,5 +1,9 @@
 @use '../styles/variables' as *;
 
+// Bar heights (keep in sync so player sits flush below navbar)
+$navbar-height-mobile: 64px;
+$navbar-height-desktop: 52px;
+
 app-navbar {
   position: fixed;
   top: 0;
@@ -8,25 +12,24 @@ app-navbar {
   z-index: 200;
 }
 
-// Mobile: navbar is taller (stacked brand text), so give the player room
 app-media-player {
   position: fixed;
-  top: 64px;
+  top: $navbar-height-mobile;
   left: 0;
   right: 0;
   z-index: 199;
 }
 
 main {
-  padding-top: 108px;
+  padding-top: calc(#{$navbar-height-mobile} + 44px);
 }
 
 @media (min-width: #{$bp-md}) {
   app-media-player {
-    top: 52px;
+    top: $navbar-height-desktop;
   }
 
   main {
-    padding-top: 96px;
+    padding-top: calc(#{$navbar-height-desktop} + 44px);
   }
 }
diff --git a/src/app/navbar/navbar.component.scss b/src/app/navbar/navbar.component.scss
index 391e0e4..1ee2dc0 100644
--- a/src/app/navbar/navbar.component.scss
+++ b/src/app/navbar/navbar.component.scss
@@ -165,6 +165,36 @@
 
 // Responsive
 @media (max-width: #{$bp-md - 1px}) {
+  .navbar {
+    height: 64px;
+    padding: $spacing-xs 0;
+  }
+
+  .navbar-inner {
+    height: 100%;
+  }
+
+  .brand-flower {
+    width: 28px;
+    height: 28px;
+  }
+
+  .brand-name {
+    gap: 0;
+  }
+
+  .brand-mountain {
+    font-size: 1.15rem;
+  }
+
+  .brand-accent {
+    font-size: 0.9rem;
+  }
+
+  .brand-tagline {
+    font-size: 0.55rem;
+  }
+
   .navbar-toggle {
     display: flex;
   }