summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2020-10-31 13:08:47 +0100
committerYorhel <git@yorhel.nl>2020-10-31 15:53:13 +0100
commit23a098bc705bd38c1f7e59a78ef402da12287e6d (patch)
treee0f1f1be8d48154affbac0199e0cad6429a56702
parent90e2dc96e786da59722b3a94dc74c2325776231d (diff)
Advsearch: Minor UI tweaks
-rw-r--r--data/style.css8
-rw-r--r--elm/AdvSearch/Set.elm7
2 files changed, 9 insertions, 6 deletions
diff --git a/data/style.css b/data/style.css
index 52afcfe9..a754315d 100644
--- a/data/style.css
+++ b/data/style.css
@@ -1114,11 +1114,11 @@ p.filselect i { font-style: normal }
/****** Advanced Search *******/
-.advsearch { width: 90%; margin: 0 5%; }
-.advsearch .quickselect { width: 100%; display: flex; justify-content: center }
+.advsearch { max-width: 800px; margin: 0 auto }
+.advsearch .quickselect { width: 100%; display: flex; flex-wrap: wrap }
.advsearch .quickselect > * { margin: 5px; width: 150px }
-.advsearch .advheader { box-sizing: border-box; background-color: $_blendbg$; padding: 3px; width: 100% }
-.advsearch .advheader > h3 { text-align: center; font-weight: bold; font-size: inherit }
+.advsearch .advheader { box-sizing: border-box; background-color: $_blendbg$; padding: 3px; width: 100%; margin-bottom: 2px }
+.advsearch .advheader > h3 { text-align: center; font-weight: bold; font-size: inherit; margin-bottom: 3px }
.advsearch .advheader .opts { display: flex; justify-content: space-between }
.advsearch .advheader .opts > * { margin: 0 }
diff --git a/elm/AdvSearch/Set.elm b/elm/AdvSearch/Set.elm
index 48f5f6a0..6e22f382 100644
--- a/elm/AdvSearch/Set.elm
+++ b/elm/AdvSearch/Set.elm
@@ -136,7 +136,9 @@ platformView model =
[ h3 [] [ text "Platforms for which the visual novel is available." ]
, opts model True
]
- , ul [ style "columns" "2"] <| List.map (\(p,t) -> li [] [ linkRadio (Set.member p model.sel) (Sel p) [ platformIcon p, text t ] ]) GT.platforms
+ , ul [ style "columns" "2"] <| List.map (\(p,t) ->
+ li [classList [("separator", p == "web")]] [ linkRadio (Set.member p model.sel) (Sel p) [ platformIcon p, text t ] ]
+ ) GT.platforms
]
)
@@ -157,7 +159,8 @@ lengthView model =
l -> span [] [ lblPrefix model, text <| "Length (" ++ String.fromInt (List.length l) ++ ")" ]
, \() ->
[ div [ class "advheader" ]
- [ opts model False ]
+ [ h3 [] [ text "Length" ]
+ , opts model False ]
, ul [] <| List.map (\(l,t) -> li [] [ linkRadio (Set.member l model.sel) (Sel l) [ text t ] ]) GT.vnLengths
]
)