filters css fix

parlemonde · May 27, 2024 · 31b7ab8 · 31b7ab8
1 parent 659a3c5
commit 31b7ab8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/admin/dashboard-statistics/CountryStats.tsx b/src/components/admin/dashboard-statistics/CountryStats.tsx
@@ -22,8 +22,12 @@ const CountryStats = () => {
   return (
     <>
       <div className={styles.filtersContainer}>
-        <PhaseDropdown />
-        <CountriesDropdown />
+        <div className={styles.phaseFilter}>
+          <PhaseDropdown />
+        </div>
+        <div className={styles.countryFilter}>
+          <CountriesDropdown />
+        </div>
       </div>
       <h1>Statut: Observateur</h1>
       <div className={styles.chartsContainer}>

diff --git a/src/components/admin/dashboard-statistics/styles/charts.module.css b/src/components/admin/dashboard-statistics/styles/charts.module.css
@@ -9,6 +9,15 @@
 
 .filtersContainer {
   display: flex;
+  padding-bottom: 5%;
+}
+
+.phaseFilter {
+  flex: 1;
+}
+
+.countryFilter {
+  flex: 2;
 }
 
 .horizontalBars {