add css class to css and apply_and_reset_filter_buttons to group butt…

…ons together
communitiesuk · Jul 7, 2023 · 33c2e9d · 33c2e9d
1 parent 354be15
commit 33c2e9d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git 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;
 }
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
@@ -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
@@ -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;
 }