From 154c789f26221669ce9e3fea1462c36d02fdbeb3 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Wed, 5 Mar 2025 22:02:32 -0800
Subject: [PATCH] improvement(logs): loading animation

---
 app/w/logs/logs.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/w/logs/logs.tsx b/app/w/logs/logs.tsx
index 88fcb31ef0..d40e1b4f19 100644
--- a/app/w/logs/logs.tsx
+++ b/app/w/logs/logs.tsx
@@ -137,18 +137,24 @@ export default function Logs() {
           <div className="flex-1 overflow-auto">
             {loading ? (
               <div className="flex items-center justify-center h-full">
-                <Loader2 className="h-6 w-6 animate-spin text-primary" />
-                <span className="ml-2 text-sm text-muted-foreground">Loading logs...</span>
+                <div className="flex items-center gap-2 text-muted-foreground">
+                  <Loader2 className="h-5 w-5 animate-spin" />
+                  <span className="text-sm">Loading logs...</span>
+                </div>
               </div>
             ) : error ? (
               <div className="flex items-center justify-center h-full">
-                <AlertCircle className="h-5 w-5 text-destructive" />
-                <span className="ml-2 text-sm text-destructive">Error: {error}</span>
+                <div className="flex items-center gap-2 text-destructive">
+                  <AlertCircle className="h-5 w-5" />
+                  <span className="text-sm">Error: {error}</span>
+                </div>
               </div>
             ) : filteredLogs.length === 0 ? (
-              <div className="flex items-center justify-center h-full text-muted-foreground">
-                <Info className="h-5 w-5 mr-2" />
-                <span className="text-sm">No logs found</span>
+              <div className="flex items-center justify-center h-full">
+                <div className="flex items-center gap-2 text-muted-foreground">
+                  <Info className="h-5 w-5" />
+                  <span className="text-sm">No logs found</span>
+                </div>
               </div>
             ) : (
               <div>