From 4682d9f5c34953b45b3482baa0b8e4aae498f19e Mon Sep 17 00:00:00 2001
From: Wes <wesbillman@users.noreply.github.com>
Date: Wed, 30 Aug 2023 13:38:29 -0700
Subject: [PATCH] Clean up spacing on timeline a bit

---
 console/client/src/features/timeline/TimelineCall.tsx       | 6 +++---
 console/client/src/features/timeline/TimelineDeployment.tsx | 4 ++--
 console/client/src/features/timeline/TimelineLog.tsx        | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/console/client/src/features/timeline/TimelineCall.tsx b/console/client/src/features/timeline/TimelineCall.tsx
index 7031b184ef..e7d14a33f3 100644
--- a/console/client/src/features/timeline/TimelineCall.tsx
+++ b/console/client/src/features/timeline/TimelineCall.tsx
@@ -1,10 +1,10 @@
+import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'
 import {ArrowRightOnRectangleIcon} from '@heroicons/react/24/outline'
 import {Call} from '../../protos/xyz/block/ftl/v1/console/console_pb'
 import {formatDuration, formatTimestamp} from '../../utils/date.utils'
-import {panelColor, textColor} from '../../utils/style.utils'
 import {classNames} from '../../utils/react.utils'
+import {panelColor, textColor} from '../../utils/style.utils'
 import {verbRefString} from '../verbs/verb.utils'
-import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'
 
 type Props = {
   call: Call
@@ -26,7 +26,7 @@ export const TimelineCall: React.FC<Props> = ({call, selected}) => {
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
diff --git a/console/client/src/features/timeline/TimelineDeployment.tsx b/console/client/src/features/timeline/TimelineDeployment.tsx
index 7c8b2d402b..79f3086e7e 100644
--- a/console/client/src/features/timeline/TimelineDeployment.tsx
+++ b/console/client/src/features/timeline/TimelineDeployment.tsx
@@ -5,8 +5,8 @@ import {
   DeploymentEventType,
 } from '../../protos/xyz/block/ftl/v1/console/console_pb'
 import {formatTimestamp} from '../../utils/date.utils'
-import {panelColor, textColor} from '../../utils/style.utils'
 import {classNames} from '../../utils/react.utils'
+import {panelColor, textColor} from '../../utils/style.utils'
 
 type Props = {
   deployment: Deployment
@@ -44,7 +44,7 @@ export const TimelineDeployment: React.FC<Props> = ({
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
diff --git a/console/client/src/features/timeline/TimelineLog.tsx b/console/client/src/features/timeline/TimelineLog.tsx
index 6c3cbea26b..bb06e32ce2 100644
--- a/console/client/src/features/timeline/TimelineLog.tsx
+++ b/console/client/src/features/timeline/TimelineLog.tsx
@@ -30,7 +30,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
@@ -44,7 +44,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {
 
         <time
           dateTime={formatTimestamp(log.timeStamp)}
-          className={`flex-none  text-xs leading-5 ${
+          className={`flex-none text-xs leading-5 ${
             selected ? 'text-gray-50' : 'text-gray-500'
           }`}
         >