diff options
author | Yorhel <git@yorhel.nl> | 2020-10-31 13:08:47 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2020-10-31 15:53:13 +0100 |
commit | 23a098bc705bd38c1f7e59a78ef402da12287e6d (patch) | |
tree | e0f1f1be8d48154affbac0199e0cad6429a56702 | |
parent | 90e2dc96e786da59722b3a94dc74c2325776231d (diff) |
Advsearch: Minor UI tweaks
-rw-r--r-- | data/style.css | 8 | ||||
-rw-r--r-- | elm/AdvSearch/Set.elm | 7 |
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 ] ) |