diff --git a/public/style.css b/public/style.css index 1dc24bb..26d04e1 100644 --- a/public/style.css +++ b/public/style.css @@ -51,6 +51,13 @@ input[type=checkbox] { margin-right: 0.5rem; } +a.help { + display: inline-block; + margin-left: 0.5rem; + font-size: 14px; + color: var(--dark-pink); +} + .category-tile { cursor: pointer; } diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm index 02b6799..e52d1b1 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, type_, value) +import Html.Attributes exposing (alt, class, classList, for, href, id, src, style, target, type_, value) import Html.Attributes.Aria exposing (ariaLabel) import Html.Events exposing (onClick, onInput) import Http @@ -394,7 +394,10 @@ viewApps model = ] , div [] [ h3 [] [ text "Status" ] - , label [ class "d-block", for "level" ] [ text "Minimum score:" ] + , div [] + [ label [] [ text "Minimum score: " ] + , a [ class "help", target "_blank", href "https://docs.coopcloud.tech/abra/recipes/#status-features-score" ] [ text "(help)" ] + ] , select [ class "search-dropdown", id "level", onInput FilterScore ] [ option [] [ text "any" ] , option [ value "5" ] [ text "5 (amazing)" ]