feat(UI): Add padding and spacing, center the button, and restyle the…

… button to look nicer (#61)
tkshill · Nov 19, 2020 · 36089b1 · 36089b1
1 parent 183b120
commit 36089b1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm
@@ -184,7 +184,7 @@ viewGamestatus gamestatus dimensions =
     let
         containerize : List (Element Msg) -> Element Msg
         containerize elements =
-            el [ Font.center, centerX ] (column [ width fill, Font.center, centerX ] elements)
+            el [ Font.center, centerX ] (column [ width fill, spacing 5, Font.center, centerX ] elements)
     in
     case gamestatus of
         Won winner ->
@@ -243,7 +243,7 @@ viewCellButton cell =
 
 viewRestartButton : Element Msg
 viewRestartButton =
-    Input.button [ Background.color Styles.blue, Border.width 5, Font.color Styles.white ]
+    Input.button [ Background.color Styles.white, Border.width 5, Border.color Styles.blue, padding 5, centerX, Font.color Styles.blue ]
         { onPress = Just (GameMessage RestartWanted), label = text "Restart" }