From 33c2e9d56aae62125f5d4dd829e9bb7a9cfc6d5c Mon Sep 17 00:00:00 2001 From: Kate Riley Date: Fri, 7 Jul 2023 15:58:42 +0100 Subject: [PATCH] add css class to css and apply_and_reset_filter_buttons to group buttons together --- gov_uk_dashboards/assets/dashboard.css | 8 ++++++++ .../components/plotly/apply_and_reset_filters_buttons.py | 4 ++-- scss/dashboard.scss | 8 ++++++++ 3 files changed, 18 insertions(+), 2 deletions(-) diff --git a/gov_uk_dashboards/assets/dashboard.css b/gov_uk_dashboards/assets/dashboard.css index ff1a3e4..c483a8a 100644 --- a/gov_uk_dashboards/assets/dashboard.css +++ b/gov_uk_dashboards/assets/dashboard.css @@ -8111,4 +8111,12 @@ mark.expenditure { content: ""; display: table; clear: both; +} + +.horizontal-button-group { + float: right; + display: flex; + flex-wrap: nowrap; + flex-direction: row; + padding-top: 10px; } \ No newline at end of file diff --git a/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py b/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py index 1abae62..dfb138e 100644 --- a/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py +++ b/gov_uk_dashboards/components/plotly/apply_and_reset_filters_buttons.py @@ -20,6 +20,6 @@ def apply_and_reset_filters_buttons(): className="govuk-button govuk-!-margin-left-5", ), ], - className="govuk-button-group", - style={"float": "right"}, + className="govuk-button-group horizontal-button-group", + ) diff --git a/scss/dashboard.scss b/scss/dashboard.scss index 3aabf6e..889ba24 100644 --- a/scss/dashboard.scss +++ b/scss/dashboard.scss @@ -1147,4 +1147,12 @@ mark.expenditure { content: ""; display: table; clear: both; +} + +.horizontal-button-group { + float: right; + display: flex; + flex-wrap: nowrap; + flex-direction: row; + padding-top: 10px; } \ No newline at end of file