feat: changed navbar formatting

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 ]
+        [ 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
     ]

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 = "" }