From 6851d2fe1fc41a3d15589e4d07ad6e407d419233 Mon Sep 17 00:00:00 2001 From: 3wc <3wc@doesthisthing.work> Date: Tue, 28 Mar 2023 23:08:16 -0400 Subject: [PATCH] Add indicator to show active category filter Closes #33 --- public/style.css | 6 +++--- src/Pages/Top.elm | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/public/style.css b/public/style.css index 0017ecc..1dc24bb 100644 --- a/public/style.css +++ b/public/style.css @@ -47,8 +47,8 @@ i.fas, i.fab { font-size: 18px; } -#filter label { - display: block; +input[type=checkbox] { + margin-right: 0.5rem; } .category-tile { @@ -140,7 +140,7 @@ i.fas, i.fab { } @media (min-width: 768px) { - .card-body p { + .smaller-card .card-body p { height: 2.5rem; } } diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm index 3e62942..02b6799 100644 --- a/src/Pages/Top.elm +++ b/src/Pages/Top.elm @@ -2,7 +2,7 @@ module Pages.Top exposing (Model, Msg, Params, page) import Enum exposing (Enum) import Html exposing (Html, a, button, div, form, h2, h3, h5, i, img, input, label, li, option, p, select, span, text, ul) -import Html.Attributes exposing (alt, class, classList, for, href, id, src, style, value) +import Html.Attributes exposing (alt, class, classList, for, href, id, src, style, type_, value) import Html.Attributes.Aria exposing (ariaLabel) import Html.Events exposing (onClick, onInput) import Http @@ -394,7 +394,7 @@ viewApps model = ] , div [] [ h3 [] [ text "Status" ] - , label [ for "level" ] [ text "Minimum score:" ] + , label [ class "d-block", for "level" ] [ text "Minimum score:" ] , select [ class "search-dropdown", id "level", onInput FilterScore ] [ option [] [ text "any" ] , option [ value "5" ] [ text "5 (amazing)" ]