diff --git a/frontend/src/Main.elm b/frontend/src/Main.elm index c19a812..2b420d2 100644 --- a/frontend/src/Main.elm +++ b/frontend/src/Main.elm @@ -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" ] [] ] + ] ] ] ]