From 31e9d1cef216a4f5875a960af6d5cc6af0f0a606 Mon Sep 17 00:00:00 2001
From: Nick <nickjhiebert@proton.me>
Date: Sat, 16 Nov 2024 00:44:39 -0600
Subject: [PATCH] feat: changed navbar formatting

---
 frontend/src/Config/Format.elm  | 15 ++++++++++++---
 frontend/src/Layouts/Navbar.elm |  5 +++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Config/Format.elm b/frontend/src/Config/Format.elm
index cc9f0ba..fde71a4 100755
--- a/frontend/src/Config/Format.elm
+++ b/frontend/src/Config/Format.elm
@@ -48,11 +48,19 @@ transitionNonHighlightedLinkHover =
 
 
 transitionNonHighlightedLinkHoverWithMove : Element msg -> Element msg
-transitionNonHighlightedLinkHoverWithMove =
+transitionNonHighlightedLinkHoverWithMove content =
     el
-        [ mouseOver [ F.color colourTheme.highlightText, moveRight 10 ]
-        , transitionStyle
+        [ width fill
+        , height (px 30)
         ]
+        (el
+            [ centerX
+            , centerY
+            , mouseOver [ F.color colourTheme.highlightText, F.size 25 ]
+            , transitionStyle
+            ]
+            content
+        )
 
 
 spartanFont : F.Font
@@ -68,6 +76,7 @@ imageSpacer =
 navBarLinkFormat : List (Attr () msg)
 navBarLinkFormat =
     [ F.size 15
+    , centerX
 
     -- , F.bold
     ]
diff --git a/frontend/src/Layouts/Navbar.elm b/frontend/src/Layouts/Navbar.elm
index bc6a622..6e32ba5 100755
--- a/frontend/src/Layouts/Navbar.elm
+++ b/frontend/src/Layouts/Navbar.elm
@@ -90,7 +90,7 @@ view { toContentMsg, model, content } =
                 [ width <| px 200
                 , alignLeft
                 , alignTop
-                , moveDown 30
+                , paddingEach { top = 20, bottom = 0, left = 10, right = 0 }
                 , htmlAttribute (H.style "position" "fixed")
                 , htmlAttribute (H.style "left" "0")
                 , htmlAttribute (H.style "top" "0")
@@ -99,8 +99,9 @@ view { toContentMsg, model, content } =
                 , htmlAttribute (H.style "transform-style" "preserve-3d")
                 ]
                 [ column
-                    [ spacing 20
+                    [ spacing 10
                     , centerX
+                    , height fill
                     , F.color colourTheme.nonHighlightedText
                     ]
                     [ image [ spacing 2, width <| px 80, centerX ] { src = "navbar/nutrivorelogo.png", description = "" }