From 128ac0aa6c24eae65b7d9d200eedb87dc28842bf Mon Sep 17 00:00:00 2001
From: Max Kalhama <kalhama.max@gmail.com>
Date: Thu, 3 Oct 2024 22:33:29 +0300
Subject: [PATCH] revert(gluwave): carb list style

---
 gluwave/src/app/(app-menu)/carbs/list/carbs-list.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/gluwave/src/app/(app-menu)/carbs/list/carbs-list.tsx b/gluwave/src/app/(app-menu)/carbs/list/carbs-list.tsx
index e2adf6d..9f168bf 100644
--- a/gluwave/src/app/(app-menu)/carbs/list/carbs-list.tsx
+++ b/gluwave/src/app/(app-menu)/carbs/list/carbs-list.tsx
@@ -8,7 +8,7 @@ import { Button } from '@/components/ui/button'
 import { Progress } from '@/components/ui/progress'
 import { Separator } from '@/components/ui/separator'
 import { Statistics } from '@/lib/sql_utils'
-import { addHours, parseISO, subHours } from 'date-fns'
+import { addHours, subHours } from 'date-fns'
 import { Pencil } from 'lucide-react'
 import { redirect } from 'next/navigation'
 import * as React from 'react'
@@ -48,13 +48,13 @@ export async function CarbsList({ params }: Props) {
         carb.timestamp.getTime() >= start.getTime() &&
         carb.timestamp.getTime() <= end.getTime()
     )
-    .sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime())
+    .sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime())
 
   return (
     <>
       <PageDatePicker baseUrl="/carbs/list" date={date} />
-      <div className="space-y-4 border bg-white max-w-5xl mx-auto rounded-md shadow p-2 mt-4">
-        <div>
+      <div className="p-2">
+        <div className=" border bg-white max-w-5xl mx-auto rounded-md shadow p-2 mt-4">
           {carbs.map((carb, i, arr) => {
             const over = carb.observedCarbs > carb.carbs
 
@@ -96,7 +96,7 @@ export async function CarbsList({ params }: Props) {
                     />
                   )}
                 </div>
-                {arr.length - 1 !== i && <Separator />}
+                {arr.length - 1 !== i && <Separator className="my-2" />}
               </div>
             )
           })}