From f66f0d5e0172f0cbfb94fdc2790d60d6fc35e91b Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Sat, 18 Feb 2023 23:15:03 +0100
Subject: [PATCH] fix: styles in time-entries

---
 app/components/TimeElapsed.tsx | 3 +--
 app/routes/time-entries.tsx    | 7 +++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/components/TimeElapsed.tsx b/app/components/TimeElapsed.tsx
index 8e2c5f9..264aaf1 100644
--- a/app/components/TimeElapsed.tsx
+++ b/app/components/TimeElapsed.tsx
@@ -39,8 +39,7 @@ const TimeElapsed = ({ startTime, endTime }: Props) => {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        flexDirection: 'column',
-        margin: '0 1rem'
+        flexDirection: 'column'
       }}
     >
       <pre
diff --git a/app/routes/time-entries.tsx b/app/routes/time-entries.tsx
index 72eeb4c..15b324e 100644
--- a/app/routes/time-entries.tsx
+++ b/app/routes/time-entries.tsx
@@ -312,14 +312,15 @@ export default function TimeEntriesPage() {
                 <Box
                   sx={{
                     display: 'flex',
-                    alignItems: 'center',
+                    alignItems: 'flex-end',
                     flexDirection: 'column',
                     justifyContent: 'space-between',
                     flexShrink: 1,
                     flexGrow: 0,
 
                     '@media (min-width: 601px)': {
-                      flexDirection: 'row'
+                      flexDirection: 'row',
+                      paddingLeft: '1rem'
                     }
                   }}
                 >
@@ -331,8 +332,10 @@ export default function TimeEntriesPage() {
                     sx={{
                       display: 'flex',
                       flexShrink: 0,
+                      marginLeft: '1rem',
 
                       '@media (max-width: 600px)': {
+                        marginLeft: '0',
                         marginTop: '0.33rem'
                       }
                     }}