fix: fix styling issue with overlapping title and subtitle in weekSelection

This commit is contained in:
Patryk Hegenberg 2025-11-08 11:38:09 +01:00
parent 84def05c50
commit bb891aea0b

View file

@ -2938,15 +2938,37 @@ viewWeekNavigation model =
[ class "button is-primary"
, onClick PreviousWeek
]
[ text " Vorherige Woche" ]
[ span [ class "icon" ]
[ i [ class "fas fa-chevron-left" ] [] ]
, span [] [ text "Vorherige Woche" ]
]
]
, div [ class "level-item has-text-centered" ]
[ div []
[ p [ class "heading" ] [ text "Kalenderwoche" ]
, p [ class "title" ]
]
, div [ class "level-item" ]
[ div
[ style "display" "flex"
, style "flex-direction" "column"
, style "align-items" "center"
, style "gap" "0.5rem"
, style "min-width" "250px" -- Verhindert Kompression
]
[ p
[ class "heading"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text "Kalenderwoche" ]
, p
[ class "title is-3"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text ("KW " ++ String.fromInt model.currentWeek ++ " / " ++ String.fromInt model.currentYear) ]
, p [ class "subtitle is-6" ]
, p
[ class "subtitle is-6"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text dateRange ]
]
]
@ -2956,7 +2978,10 @@ viewWeekNavigation model =
[ class "button is-primary"
, onClick NextWeek
]
[ text "Nächste Woche " ]
[ span [] [ text "Nächste Woche" ]
, span [ class "icon" ]
[ i [ class "fas fa-chevron-right" ] [] ]
]
]
]
]