diff --git a/web/calendar/calendar.css b/web/calendar/calendar.css --- a/web/calendar/calendar.css +++ b/web/calendar/calendar.css @@ -1,3 +1,8 @@ +.container { + display: flex; + flex-direction: row; +} + .filtersButton { color: var(--fg); background-color: var(--filters-button-bg); @@ -20,7 +25,6 @@ div.content { height: 100%; - position: relative; overflow: auto; } diff --git a/web/calendar/calendar.react.js b/web/calendar/calendar.react.js --- a/web/calendar/calendar.react.js +++ b/web/calendar/calendar.react.js @@ -159,18 +159,16 @@ } let filterPanel = null; - let calendarContentStyle = null; let filterButtonStyle = null; if (this.state.filterPanelOpen) { filterPanel = ; - calendarContentStyle = { marginLeft: '300px' }; filterButtonStyle = { display: 'none' }; } return ( -
+
{filterPanel} -
+