Better align tags in multi-select field

This commit is contained in:
Eike Kettner 2021-02-16 23:24:18 +01:00
parent 4ef1996137
commit e177336155

View File

@ -755,7 +755,7 @@ viewMultiple2 style settings model =
renderSelectMultiple item = renderSelectMultiple item =
a a
[ class (model.labelColor item.value settings) [ class (model.labelColor item.value settings)
, class "label font-medium inline-flex relative items-center hover:shadow-md mt-1" , class "label font-medium inline-flex relative items-center hover:shadow-md mt-1 mr-1"
, onClick (RemoveItem item) , onClick (RemoveItem item)
, href "#" , href "#"
] ]
@ -776,7 +776,7 @@ viewMultiple2 style settings model =
, class "flex inline-flex flex-wrap items-center" , class "flex inline-flex flex-wrap items-center"
] ]
[ div [ div
[ class "flex flex-row flex-wrap space-x-1 items-center mr-2 -mt-1" [ class "flex flex-row flex-wrap items-center mr-2 -mt-1"
, classList [ ( "hidden", List.isEmpty model.selected ) ] , classList [ ( "hidden", List.isEmpty model.selected ) ]
] ]
(List.map renderSelectMultiple model.selected) (List.map renderSelectMultiple model.selected)