From 20eb9f48af471ea202a8b9ab43271cc25d5e387b Mon Sep 17 00:00:00 2001
From: Dennis Kigen <kigen.work@gmail.com>
Date: Mon, 30 Sep 2024 23:57:14 +0300
Subject: [PATCH] (fix) Fix View timeline button spacing in results viewer

---
 .../individual-results-table.component.tsx                   | 5 +++--
 .../individual-results-table/individual-results-table.scss   | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.component.tsx b/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.component.tsx
index a6d397fe3a..934c784ee2 100644
--- a/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.component.tsx
+++ b/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.component.tsx
@@ -132,11 +132,12 @@ const IndividualResultsTable: React.FC<IndividualResultsTableProps> = ({ isLoadi
                     : ''}
                 </span>
                 <Button
-                  kind="ghost"
                   className={styles.viewTimeline}
-                  renderIcon={(props: ComponentProps<typeof ArrowRightIcon>) => <ArrowRightIcon size={16} {...props} />}
                   iconDescription="view timeline"
+                  kind="ghost"
+                  renderIcon={(props: ComponentProps<typeof ArrowRightIcon>) => <ArrowRightIcon size={16} {...props} />}
                   onClick={() => launchResultsDialog(headerTitle, subRows[0]?.conceptUuid)}
+                  size="sm"
                 >
                   {t('viewTimeline', 'View timeline')}
                 </Button>
diff --git a/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss b/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss
index f296041147..0320522f2f 100644
--- a/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss
+++ b/packages/esm-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss
@@ -105,6 +105,7 @@ p {
 .viewTimeline {
   display: flex;
   margin-left: auto;
+  margin-top: -(layout.$spacing-02);
 }
 
 .cardTitle {