Supprime l'affichage bizarre odd et even sur la page des villes

betagouv · Nov 20, 2024 · 6f41a59 · 6f41a59
1 parent 65c6919
commit 6f41a59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 16 deletions.
diff --git a/src/components/Cities/Networks.styles.ts b/src/components/Cities/Networks.styles.ts
@@ -22,14 +22,3 @@ export const NetworkContainer = styled.div`
     min-height: 500px;
   }
 `;
-
-export const NetworkColumn = styled.div`
-  ${({ theme }) => theme.media.md`
-    :nth-child(even) {
-      padding-left: 16px;
-    }
-    :nth-child(odd) {
-      padding-right: 16px;
-    }
-  `}
-`;
diff --git a/src/components/Cities/Networks.tsx b/src/components/Cities/Networks.tsx
@@ -8,7 +8,7 @@ import WrappedText from '@components/WrappedText/WrappedText';
 import { createMapConfiguration } from 'src/services/Map/map-configuration';
 import { Network } from 'src/types/Summary/Network';
 
-import { NetworkContainer, NetworkColumn } from './Networks.styles';
+import { NetworkContainer } from './Networks.styles';
 
 type NetworksData = {
   isClassed: boolean;
@@ -20,7 +20,7 @@ type NetworksData = {
 const Networks = ({ networksData, network, cityCoord }: { networksData: NetworksData; network?: Network; cityCoord: [number, number] }) => {
   return (
     <NetworkContainer>
-      <NetworkColumn className="fr-col-md-6 fr-col-12">
+      <div className="fr-col-md-6 fr-col-12">
         {networksData.gestionnaires && <WrappedText body={`::arrow-item[${networksData.gestionnaires}]`} />}
         {networksData.isClassed && (
           <>
@@ -53,8 +53,8 @@ const Networks = ({ networksData, network, cityCoord }: { networksData: Networks
             </Slice>
           </>
         )}
-      </NetworkColumn>
-      <NetworkColumn className="fr-col-md-6 fr-col-12">
+      </div>
+      <div className="fr-col-md-6 fr-col-12">
         <Map
           noPopup
           withCenterPin
@@ -67,7 +67,7 @@ const Networks = ({ networksData, network, cityCoord }: { networksData: Networks
             filtreIdentifiantReseau: networksData.identifiant ? [networksData.identifiant] : [],
           })}
         />
-      </NetworkColumn>
+      </div>
     </NetworkContainer>
   );
 };