fix(structure-card): add title and ul in modal structure card

dataesr · Oct 27, 2023 · 15bc9cd · 15bc9cd
1 parent a8cb33a
commit 15bc9cd
Showing 1 changed file with 21 additions and 15 deletions.
diff --git a/client/src/components/directory-blocs/structure-card.js b/client/src/components/directory-blocs/structure-card.js
@@ -15,23 +15,29 @@ function AddressCard({ address, displayName }) {
     <div className="fr-card fr-card--grey fr-mb-2w">
       <div className="fr-card__body">
         <div className="fr-card__content">
-          <Icon name="ri-map-pin-line" size="xl">
-            <strong>{displayName}</strong>
-          </Icon>
-          <div className="fr-pt-3w">
-            {address.address && <Text className="d-inline">{address.address}</Text>}
-            {' - '}
-            {address.city && <Text className="d-inline" bold>{address.city}</Text>}
-          </div>
-          <div>
-            {address.phonenumber && (
-              <Text className="d-inline">
-                <Icon name="ri-phone-fill">
-                  {address.phonenumber}
+          <ul>
+            <li>
+              <Text as="h2">
+                <Icon name="ri-map-pin-line" size="xl">
+                  <strong>{displayName}</strong>
                 </Icon>
               </Text>
-            )}
-          </div>
+              <div className="fr-pt-3w">
+                {address.address && <Text className="d-inline">{address.address}</Text>}
+                <br />
+                {address.city && <Text className="d-inline" bold>{address.city}</Text>}
+              </div>
+              <div>
+                {address.phonenumber && (
+                  <Text className="d-inline">
+                    <Icon name="ri-phone-fill">
+                      {address.phonenumber}
+                    </Icon>
+                  </Text>
+                )}
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>