diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 1ac2f13e77..6fac6af980 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -372,10 +372,6 @@ body[dir=ltr] #launcher-container { .calendar-dropdown-widget .calendar-header [data-calendar-input="month"] { --input-background-color: transparent; --menu-background-color: transparent; - - text-align: center; - font-size: 1.4em; - font-weight: 300; } .calendar-dropdown-widget .calendar-header input:not(:focus) { @@ -425,8 +421,6 @@ body[dir=ltr] #launcher-container { } .calendar-dropdown-widget .calendar-week span { - font-size: 0.85em; - font-weight: 500; color: var(--calendar-weekday-labels-color); } diff --git a/apps/client/src/widgets/launch_bar/CalendarWidget.css b/apps/client/src/widgets/launch_bar/CalendarWidget.css index a47d026278..73ecaccf32 100644 --- a/apps/client/src/widgets/launch_bar/CalendarWidget.css +++ b/apps/client/src/widgets/launch_bar/CalendarWidget.css @@ -35,7 +35,7 @@ .calendar-dropdown-widget .calendar-header { align-items: center; display: flex; - padding: 0 0.5rem 0.5rem 0.5rem; + padding: 0 0.5rem 1rem 0.5rem; } .calendar-dropdown-widget .calendar-header>div { @@ -65,8 +65,14 @@ border: 0; border-inline-start: unset; background-color: var(--menu-background-color); - font-weight: bold; + font-weight: 400; outline: 0; + font-weight: 300; + font-size: 1.4em; +} + +.calendar-dropdown-widget .calendar-header .dropdown-toggle { + justify-content: center; } .calendar-dropdown-widget .calendar-header .dropdown-toggle::after { @@ -82,18 +88,20 @@ .calendar-dropdown-widget .calendar-week span { flex-direction: column; flex: 0 0 12.5%; - font-size: 1rem; - font-weight: bold; max-width: 12.5%; padding-top: 5px; padding-bottom: 5px; text-align: center; text-transform: uppercase; + font-size: .85em; + font-weight: 500; } .calendar-dropdown-widget .calendar-body { display: flex; flex-wrap: wrap; + min-height: 250px; + align-items: center; } .calendar-dropdown-widget .calendar-week-number {