diff --git a/elm.json b/elm.json index 494b809..7e98af0 100644 --- a/elm.json +++ b/elm.json @@ -6,6 +6,7 @@ "elm-version": "0.19.1", "dependencies": { "direct": { + "BrianHicks/elm-css-reset": "1.0.1", "elm/browser": "1.0.2", "elm/core": "1.0.5", "elm/file": "1.0.5", diff --git a/src/Main.elm b/src/Main.elm index 3ca51e8..bef89fa 100644 --- a/src/Main.elm +++ b/src/Main.elm @@ -3,6 +3,7 @@ module Main exposing (..) import Accessibility.Styled as Html exposing (Html) import Browser exposing (Document) import Css +import Css.Reset import Dict exposing (Dict) import Elo import File exposing (File) @@ -236,15 +237,24 @@ view : Model -> Document Msg view model = { title = "ELO Anything!" , body = - [ Html.main_ [] - [ rankings (Dict.values model.players) - , newPlayerForm model - , Html.button [ Events.onClick KeeperWantsToSaveStandings ] [ Html.text "Save Standings" ] - , Html.button [ Events.onClick KeeperWantsToLoadStandings ] [ Html.text "Load Standings" ] - , currentMatch model + [ Css.Reset.meyerV2 + , Css.Reset.borderBoxV201408 + , Html.div [ css [ Css.width (Css.pct 100) ] ] + [ Html.main_ + [ css + [ Css.maxWidth (Css.px 1024) + , Css.margin2 Css.zero Css.auto + ] + ] + [ rankings (Dict.values model.players) + , newPlayerForm model + , Html.button [ Events.onClick KeeperWantsToSaveStandings ] [ Html.text "Save Standings" ] + , Html.button [ Events.onClick KeeperWantsToLoadStandings ] [ Html.text "Load Standings" ] + , currentMatch model + ] ] - |> Html.toUnstyled ] + |> List.map Html.toUnstyled }