From 484dcf6592d174ecec9bd592cd4e0c52fbd1c8f2 Mon Sep 17 00:00:00 2001
From: Austin Turner <paustint@gmail.com>
Date: Wed, 3 Jan 2024 20:37:32 -0700
Subject: [PATCH 1/2] Debug Log minor UX issues #664

Fixed refresh icon margin to allow border to be fully visible.

Fixed margin on the view icon.

resolves #664
---
 .../src/app/components/debug-log-viewer/DebugLogViewer.tsx   | 5 ++++-
 .../app/components/debug-log-viewer/DebugLogViewerTable.tsx  | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewer.tsx b/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewer.tsx
index af9417481..0395deb4d 100644
--- a/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewer.tsx
+++ b/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewer.tsx
@@ -246,7 +246,10 @@ export const DebugLogViewer: FunctionComponent<DebugLogViewerProps> = () => {
                 <div>
                   {lastChecked && (
                     <p title={pollTitle} className="slds-text-color_weak slds-truncate">
-                      <button className="slds-button slds-button_icon slds-button_icon-container" onClick={() => fetchLogs()}>
+                      <button
+                        className="slds-button slds-button_icon slds-button_icon-container slds-m-around_xxx-small"
+                        onClick={() => fetchLogs()}
+                      >
                         <Icon type="utility" icon="refresh" className="slds-button__icon" omitContainer />
                       </button>
                       Last Checked {formatDate(lastChecked, 'h:mm:ss')}
diff --git a/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewerTable.tsx b/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewerTable.tsx
index 7d8808eeb..b48acf8b2 100644
--- a/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewerTable.tsx
+++ b/apps/jetstream/src/app/components/debug-log-viewer/DebugLogViewerTable.tsx
@@ -9,7 +9,7 @@ export const LogViewedRenderer: FunctionComponent<RenderCellProps<ApexLogWithVie
     return (
       <Icon
         css={css`
-          margin-left: 24px;
+          margin-left: 8px;
         `}
         type="utility"
         icon="preview"

From a895be0934d346f4a0f6c4a5e2804e9b4fb5a75b Mon Sep 17 00:00:00 2001
From: Austin Turner <paustint@gmail.com>
Date: Wed, 3 Jan 2024 20:42:33 -0700
Subject: [PATCH 2/2] Add padding to field mapping so content is not at the
 very bottom of the page

---
 .../src/app/components/load-records/steps/FieldMapping.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/jetstream/src/app/components/load-records/steps/FieldMapping.tsx b/apps/jetstream/src/app/components/load-records/steps/FieldMapping.tsx
index d6a40f22b..fd4cbf39f 100644
--- a/apps/jetstream/src/app/components/load-records/steps/FieldMapping.tsx
+++ b/apps/jetstream/src/app/components/load-records/steps/FieldMapping.tsx
@@ -237,7 +237,12 @@ export const LoadRecordsFieldMapping = memo<LoadRecordsFieldMappingProps>(
     }
 
     return (
-      <Grid vertical>
+      <Grid
+        vertical
+        css={css`
+          padding-bottom: 8rem;
+        `}
+      >
         <GridCol>
           {warningMessage && (
             <Alert type="warning" leadingIcon="info">