Merge pull request #930 from Ferlab-Ste-Justine/fix/stylePatientInfo

fix: CLIN-813 titre patient info
Ferlab-Ste-Justine · Apr 28, 2022 · ee47aa3 · ee47aa3
2 parents 9ec9cd3 + 9c84895
commit ee47aa3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx b/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx
@@ -1,10 +1,13 @@
 import React, { ReactNode } from 'react';
+import { Typography } from 'antd';
 
 type Props = { title: string; value?: string | ReactNode };
 
+const { Text } = Typography;
+
 const DetailsRow = ({ title, value }: Props): React.ReactElement => (
   <div className="patient-section__col__details__row">
-    <span className="patient-section__col__details__row__title">{title}</span>
+    <Text className="patient-section__col__details__row__title">{title}</Text>
     <span className="patient-section__col__details__row__info">{value || '--'}</span>
   </div>
 );

diff --git a/client/src/components/screens/Patient/components/PatientDetails/styles.scss b/client/src/components/screens/Patient/components/PatientDetails/styles.scss
@@ -47,6 +47,7 @@
         &__title {
           color: $gray-7;
           font-weight: 500;
+          font-size: 12px;
         }
 
         &__info {