diff --git a/packages/app/src/modules/my-space/CompanyInfoBanner.module.scss b/packages/app/src/modules/my-space/CompanyInfoBanner.module.scss index c2922f23dc..0ec26aba46 100644 --- a/packages/app/src/modules/my-space/CompanyInfoBanner.module.scss +++ b/packages/app/src/modules/my-space/CompanyInfoBanner.module.scss @@ -1,3 +1,17 @@ .banner { background-color: var(--background-alt-blue-france); } + +.infoRow { + display: flex; + flex-wrap: wrap; + gap: 0.5rem 1.5rem; + align-items: center; +} + +.datapoint { + display: inline-flex; + align-items: center; + gap: 0.25rem; + margin: 0; +} diff --git a/packages/app/src/modules/my-space/CompanyInfoBanner.tsx b/packages/app/src/modules/my-space/CompanyInfoBanner.tsx index 61e0e0ae45..d72ba9fe0d 100644 --- a/packages/app/src/modules/my-space/CompanyInfoBanner.tsx +++ b/packages/app/src/modules/my-space/CompanyInfoBanner.tsx @@ -3,6 +3,7 @@ import { Breadcrumb } from "~/modules/layout"; import { MODAL_ID as COMPANY_EDIT_MODAL_ID } from "./CompanyEditModal"; import styles from "./CompanyInfoBanner.module.scss"; +import { formatAddress } from "./formatAddress"; import { formatSiren } from "./formatSiren"; import { StatusBadge } from "./StatusBadge"; import type { CompanyDetail } from "./types"; @@ -15,7 +16,7 @@ export function CompanyInfoBanner({ company }: Props) { const currentYear = getCurrentYear(); return ( -
{formatSiren(company.siren)}
- - {company.address && ( -{company.address}
- )} ++ SIREN : {formatSiren(company.siren)} +
+ {company.address && ( ++ Adresse : {formatAddress(company.address)} +
+ )} +- Code NAF : {company.nafCode} -
-+ Code NAF : {company.nafCode} +
)} {company.workforce !== null && ( -- Effectif annuel moyen en {currentYear} :{" "} - {company.workforce} -
-
- Existence d'un CSE :{" "}
- {company.hasCse !== null ? (
-
- {company.hasCse ? "Oui" : "Non"}
-
- ) : (
-
-
+ Effectif annuel moyen en {currentYear} :{" "} + {company.workforce}
-
+ Existence d'un CSE :{" "}
+ {company.hasCse !== null ? (
+ {company.hasCse ? "Oui" : "Non"}
+ ) : (
+