From 36089b125e14d1724f7c81419de54510542db74c Mon Sep 17 00:00:00 2001 From: Dominic Duffin Date: Thu, 19 Nov 2020 20:30:09 +0000 Subject: [PATCH] feat(UI): Add padding and spacing, center the button, and restyle the button to look nicer (#61) --- src/Pages/Top.elm | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm index af7fc73..374f623 100644 --- 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" }