From 4e9ac483862a92cdb32060d6d38fe0240ecf000b Mon Sep 17 00:00:00 2001
From: Perry Raskin <perryraskin@gmail.com>
Date: Thu, 14 Sep 2023 19:16:26 -0400
Subject: [PATCH] Reorders mobile cards

---
 pages/index.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index a48a238..8c48b9e 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -511,7 +511,16 @@ const Home = () => {
                 : [months[0], months[1], months[2]].map((item) => {
                     if (item) {
                       return (
-                        <Card key={item.name} className="shadow-md">
+                        <Card
+                          key={item.name}
+                          className={classNames(
+                            "shadow-md",
+                            item === months[2]
+                              ? "order-first sm:order-none"
+                              : "",
+                            item === months[0] ? "order-last sm:order-none" : ""
+                          )}
+                        >
                           <Title>{item.name}</Title>
                           {/* <Text>{item.name}</Text> */}
                           <List>
@@ -755,7 +764,7 @@ const Home = () => {
           </Card>
         </div>
       ) : (
-        <div className="mt-6">
+        <div className="mt-6 max-w-lg">
           <Card>
             <div className="sm:flex space-y-2 sm:space-y-0 sm:space-x-2 space-x-0 justify-end">
               {/* <MultiSelectBox
@@ -795,7 +804,7 @@ const Home = () => {
             </div>
 
             {/* TABLE FOR DESKTOP */}
-            <Table className="mt-6 max-w-md">
+            <Table className="mt-6">
               <TableHead>
                 <TableRow>
                   <TableHeaderCell>Merchant</TableHeaderCell>