Styles

src/Main.elm

@@ -138,11 +138,13 @@ viewSidebar model =
         [ button
             [ onClick Decrement
             , disabled (not (Zipper.hasLeft model.draft))
+            , class "bg-slate-900 rounded text-white p-2 shadow disabled:opacity-50"
             ]
             [ text "Previous" ]
-        , span [] [ text ("Pick " ++ String.fromInt (Zipper.position model.draft)) ]
+        , span [ class "text-white px-3 font-medium" ] [ text ("Pick " ++ String.fromInt (Zipper.position model.draft)) ]
         , button
             [ onClick Increment
+            , class "bg-slate-900 rounded text-white p-2 shadow disabled:opacity-50"
             , disabled (not (Zipper.hasRight model.draft))
             ]
             [ text "Next" ]
@@ -168,6 +170,7 @@ viewDraft model =
         viewFocusStatButton s =
             button
                 [ onClick (SetFocusStat s)
+                , classList [ ( "bg-slate-900 rounded text-white p-2 shadow mr-2 mb-2", True ), ( "bg-slate-500 shadow-inset", model.focusStat == s ) ]
                 ]
                 [ text <|
                     case s of