From 09b224b07a10560466f3e1ab30daf3236f45b4f0 Mon Sep 17 00:00:00 2001 From: eikek Date: Tue, 27 Jul 2021 18:10:18 +0200 Subject: [PATCH] Left align item separator and make it more prominent Refs: #950 --- modules/webapp/src/main/elm/Comp/ItemCardList.elm | 10 +++++----- modules/webapp/src/main/elm/Styles.elm | 5 +++++ 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/modules/webapp/src/main/elm/Comp/ItemCardList.elm b/modules/webapp/src/main/elm/Comp/ItemCardList.elm index 4be8d40f..7c7cc19d 100644 --- a/modules/webapp/src/main/elm/Comp/ItemCardList.elm +++ b/modules/webapp/src/main/elm/Comp/ItemCardList.elm @@ -179,13 +179,13 @@ viewGroup2 : Texts -> Model -> ViewConfig -> UiSettings -> ItemLightGroup -> Htm viewGroup2 texts model cfg settings group = div [ class "ds-item-group" ] [ div - [ class "flex py-0 mt-2 flex flex-row items-center" - , class "bg-white dark:bg-bluegray-800 text-lg z-35" + [ class "flex py-1 mt-2 mb-2 flex flex-row items-center" + , class "bg-white dark:bg-bluegray-800 text-xl font-bold z-35" , class "relative sticky top-10" ] [ hr - [ class S.border - , class "flex-grow" + [ class S.border2 + , class "w-16" ] [] , div [ class "px-6" ] @@ -195,7 +195,7 @@ viewGroup2 texts model cfg settings group = ] ] , hr - [ class S.border + [ class S.border2 , class "flex-grow" ] [] diff --git a/modules/webapp/src/main/elm/Styles.elm b/modules/webapp/src/main/elm/Styles.elm index 9fa740b6..f08a3d15 100644 --- a/modules/webapp/src/main/elm/Styles.elm +++ b/modules/webapp/src/main/elm/Styles.elm @@ -298,6 +298,11 @@ border = " border dark:border-bluegray-600 " +border2 : String +border2 = + " border-2 dark:border-bluegray-600 " + + header1 : String header1 = " text-3xl mt-3 mb-5 font-semibold tracking-wide break-all"