fix : reduce size of headers

openmrs · Nov 9, 2023 · 926a38a · 926a38a
1 parent 6919826
commit 926a38a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/patient-chart/results-summary/print-results-summary.component.tsx b/src/patient-chart/results-summary/print-results-summary.component.tsx
@@ -64,7 +64,9 @@ const PrintResultsSummary: React.FC<PrintResultsSummaryProps> = ({
           }}
         >
           <img src={logoImg} alt={"logo"} width={150} height={150} />
-          <h4>{encounterResponse.visit.location.display}</h4>
+          <span style={{ margin: "2px", fontSize: "20px", fontWeight: "bold" }}>
+            {encounterResponse.visit.location.display}
+          </span>
         </div>
       </section>
 
@@ -76,30 +78,30 @@ const PrintResultsSummary: React.FC<PrintResultsSummaryProps> = ({
           }}
         >
           <div style={{ display: "flex", flexDirection: "column" }}>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Name : {patient?.person?.display}
             </span>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Gender :
               {patient?.person?.gender === "M"
                 ? " Male"
                 : patient?.person?.gender === "F"
                 ? "Female"
                 : "Unknown"}
             </span>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Age : {patient?.person?.age} years
             </span>
           </div>
 
           <div style={{ display: "flex", flexDirection: "column" }}>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Clinician : {encounterResponse?.auditInfo?.creator?.display}
             </span>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Prepared By : {encounterResponse?.auditInfo?.creator?.display}
             </span>
-            <span style={{ margin: "5px" }}>
+            <span style={{ margin: "5px", fontSize: "10px" }}>
               Date :
               {formatDate(parseDate(encounterResponse.encounterDatetime), {
                 time: false,
@@ -117,7 +119,7 @@ const PrintResultsSummary: React.FC<PrintResultsSummaryProps> = ({
           }}
         >
           <div>
-            <span style={{ fontSize: "18px", fontWeight: "bold" }}>
+            <span style={{ fontSize: "16px", fontWeight: "bold" }}>
               Test Results
             </span>
           </div>

diff --git a/src/patient-chart/results-summary/print-results-summary.scss b/src/patient-chart/results-summary/print-results-summary.scss
@@ -17,7 +17,7 @@
   }
 
   .section {
-    margin: 10px;
+    margin: 5px;
   }
 
   .headerBtnContainer {
@@ -93,7 +93,7 @@
   td, th {
     border: 1px solid #000;
     text-align: left;
-    font-size: 12px;
+    font-size: 8px;
     padding: 8px;
   }