From 8841ec9904852a93e05566e635321fd584a457bf Mon Sep 17 00:00:00 2001
From: Benjamin Bolte <ben@bolte.cc>
Date: Fri, 1 Nov 2024 12:16:18 -0700
Subject: [PATCH] more slight ui changes

---
 frontend/src/components/listings/ListingGrid.tsx | 2 +-
 frontend/src/components/pages/Browse.tsx         | 1 -
 frontend/src/components/pages/Terminal.tsx       | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/listings/ListingGrid.tsx b/frontend/src/components/listings/ListingGrid.tsx
index be93198a..63d5c60e 100644
--- a/frontend/src/components/listings/ListingGrid.tsx
+++ b/frontend/src/components/listings/ListingGrid.tsx
@@ -62,7 +62,7 @@ const ListingGrid = (props: ListingGridProps) => {
       <Spinner />
     </div>
   ) : (
-    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8 gap-4">
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-7xl mx-auto">
       {listingInfos.map((info) => (
         <Link
           to={`/item/${info.username}/${info.slug || info.id}`}
diff --git a/frontend/src/components/pages/Browse.tsx b/frontend/src/components/pages/Browse.tsx
index 1c73b0e8..b5fbaf88 100644
--- a/frontend/src/components/pages/Browse.tsx
+++ b/frontend/src/components/pages/Browse.tsx
@@ -180,7 +180,6 @@ const Browse = () => {
         {isLoading && (
           <div className="flex items-center justify-center gap-2">
             <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-gray-12"></div>
-            <span>Loading more listings...</span>
           </div>
         )}
       </div>
diff --git a/frontend/src/components/pages/Terminal.tsx b/frontend/src/components/pages/Terminal.tsx
index 0eef22ad..2e39cc12 100644
--- a/frontend/src/components/pages/Terminal.tsx
+++ b/frontend/src/components/pages/Terminal.tsx
@@ -238,7 +238,7 @@ const TerminalPage: React.FC = () => {
   };
 
   return (
-    <div className="p-6 min-h-screen rounded-xl bg-gray-3">
+    <div className="p-6 min-h-screen rounded-xl bg-gray-3 max-w-7xl mx-auto">
       <div className="flex flex-col sm:flex-row justify-between sm:items-center gap-3 mb-6">
         <div>
           <h1 className="text-3xl font-bold">Your Robots</h1>
@@ -261,7 +261,7 @@ const TerminalPage: React.FC = () => {
           <Spinner className="p-1" />
         </div>
       ) : robots && robots.length > 0 ? (
-        <div className="grid gap-2 md:gap-6 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
+        <div className="grid gap-2 md:gap-6 md:grid-cols-1 lg:grid-cols-2">
           {robots.map((robot) => (
             <RobotCard
               key={robot.id}