[Dotations] Fix Grid

components/dotations/results/Results.tsx

@@ -45,14 +45,17 @@ class Results extends PureComponent<Props> {
           </Grid>
         )}
         <Grid container spacing={3}>
-          <Grid item lg={8} md={12} sm={12} xl={6} xs={12}>
-            <CommuneSummary />
-          </Grid>
-          <Grid item lg={12} md={12} sm={6} xl={6} xs={12}>
+          <Grid item lg={12} xl={8}>
             <CommuneStrateDetails />
           </Grid>
+          <Grid item lg={8} md={12} sm={12} xl={4} xs={12}>
+            <CommuneSummary />
           </Grid>
-        <Grid container spacing={3}>
+          <Grid item lg={4} md={6} sm={6} xl={3} xs={12}>
+            <CommuneSearch />
+          </Grid>
+          {/* </Grid>
+        <Grid container spacing={3}> */}
           {communesTypes.map((communeType, index) => (
             <Grid key={communeType.code} item lg={4} md={6} sm={6} xl={3} xs={12}>
               <CommuneType
@@ -65,9 +68,6 @@ class Results extends PureComponent<Props> {
               />
             </Grid>
           ))}
-          <Grid item lg={4} md={6} sm={6} xl={3} xs={12}>
-            <CommuneSearch />
-          </Grid>
         </Grid>
       </div>
     );

components/dotations/results/commune-summary/commune-summary-section/CommuneSummarySection.module.scss

@@ -7,8 +7,8 @@
 }
 
 .total {
-  font-size: 40px;
-  margin-bottom: 15px;
+  font-size: 35px;
+  margin-bottom: 12px;
   text-align: center;
 }