From 4b14fcff2408aa000923827c30d79f3b4d58783b Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Sat, 18 Feb 2023 20:47:26 +0100
Subject: [PATCH] fix: mobile time entries summary

---
 app/routes/time-entries.tsx | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/app/routes/time-entries.tsx b/app/routes/time-entries.tsx
index e6dd8d0..72eeb4c 100644
--- a/app/routes/time-entries.tsx
+++ b/app/routes/time-entries.tsx
@@ -177,15 +177,27 @@ export default function TimeEntriesPage() {
         mb="md"
         mx="auto"
         maw={500}
-        display="flex"
-        style={{
-          justifyContent: 'space-between'
+        sx={{
+          display: 'flex',
+          justifyContent: 'space-between',
+
+          '@media (max-width: 600px)': {
+            flexWrap: 'wrap',
+            justifyContent: 'space-evenly'
+          }
         }}
       >
         <Text size="sm" color="darkgray">
           {data.total} entries
         </Text>
-        <Divider orientation="vertical" />
+        <Divider
+          orientation="vertical"
+          sx={{
+            '@media (max-width: 600px)': {
+              display: 'none'
+            }
+          }}
+        />
         <SectionTimeElapsed
           timeEntries={
             data.timeEntries.filter(
@@ -204,7 +216,14 @@ export default function TimeEntriesPage() {
           size="sm"
           additionalLabel="today"
         />
-        <Divider orientation="vertical" />
+        <Divider
+          orientation="vertical"
+          sx={{
+            '@media (max-width: 600px)': {
+              display: 'none'
+            }
+          }}
+        />
         <SectionTimeElapsed
           timeEntries={
             data.timeEntries.filter(