Quick fix on commune page style

BaseAdresseNationale · Nov 18, 2024 · da437b6 · da437b6
1 parent 0786927
commit da437b6
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/src/app/commune/[codeCommune]/ResumeDistrict.styles.tsx b/src/app/commune/[codeCommune]/ResumeDistrict.styles.tsx
@@ -4,18 +4,33 @@ import styled from 'styled-components'
 
 export const ResumeDistrictWrapper = styled.div`
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   justify-content: space-between;
   line-height: 2.25;
   margin: 1rem 0;
+  padding: 1rem 0;
+
+  @media (min-width: ${({ theme }) => theme.breakpoints.md}) {
+    flex-direction: row;
+  }
+
+  ul {
+    margin: 0;
+  }
+
 `
 
 export const ResumeDistrictActionsWrapper = styled.div`
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   justify-content: flex-end;
+  align-items: center;
   gap: 1rem;
   margin: 2rem 0;
+
+  @media (min-width: ${({ theme }) => theme.breakpoints.md}) {
+    flex-direction: row;
+  }
 `
 
 export const DistrictDetailsItem = styled.li`