BN-71 | Fix. Consultation Pad Position

Author: rahu1ramesh

src/components/clinical/patientHeader/PatientHeader.tsx

@@ -28,16 +28,16 @@ const PatientHeader: React.FC<PatientHeaderProps> = ({
         <Column
           sm={4}
           md={8}
-          lg={isActionAreaVisible ? 10 : 13}
-          xl={isActionAreaVisible ? 10 : 13}
+          lg={isActionAreaVisible ? 16 : 13}
+          xl={isActionAreaVisible ? 16 : 13}
         >
           <PatientDetails />
         </Column>
         <Column
           sm={4}
           md={8}
-          lg={isActionAreaVisible ? 6 : 3}
-          xl={isActionAreaVisible ? 6 : 3}
+          lg={isActionAreaVisible ? 16 : 3}
+          xl={isActionAreaVisible ? 16 : 3}
           className={styles.controls}
         >
           <Button

src/components/clinical/patientHeader/styles/PatientHeader.module.scss

@@ -1,11 +1,13 @@
 @use "@carbon/react/scss/breakpoint" as *;
+@use "@carbon/react/scss/spacing" as *;
 
 .header {
   padding: 0 !important;
 }
 
 .controls {
   align-content: center;
+  padding-block: $spacing-04 !important;
 }
 
 @include breakpoint-down(lg) {