From ee28ce97e78ac3c57a6fd9a3111203b5acec3c51 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Sat, 10 Aug 2024 18:09:53 +0100
Subject: [PATCH] fix footer arrangement, change icons

---
 aimenet-web/src/pages/card-in-screen.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/aimenet-web/src/pages/card-in-screen.tsx b/aimenet-web/src/pages/card-in-screen.tsx
index 5b318da..727f58b 100644
--- a/aimenet-web/src/pages/card-in-screen.tsx
+++ b/aimenet-web/src/pages/card-in-screen.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useState} from "react";
 import {useNavigate, useParams} from "react-router-dom";
 import {useLiveQuery} from "dexie-react-hooks";
-import {ChevronRight, Circle, CircleCheckBig, Home, Plus, ServerOff, Wallet} from "lucide-react";
+import {CircleDot, CircleCheckBig, Home, Nfc, Plus, ServerOff, Wallet} from "lucide-react";
 
 import {AimeCard, AimeServer, db} from "@/lib/database";
 import {getServerInfo, serverCardIn} from "@/lib/aime-net";
@@ -77,7 +77,7 @@ function CardList(props: { cards: ReadonlyArray<AimeCard> | null, cardSelected:
         {!props.cards?.length
             ? <NoCardsNotification/>
             : props.cards.map(x => <AimeCardEntry key={x.id} card={x}
-                                                  actionIcon={<Circle className="w-5 h-5"/>}
+                                                  actionIcon={<CircleDot className="w-5 h-5"/>}
                                                   actionClicked={() => props.cardSelected(x)}/>)}
     </>);
 }
@@ -169,7 +169,7 @@ function ServerCardInPage() {
                             <Button className="flex-grow-0 bg-green-600 mb-5"
                                     disabled={(cardInStatus || connectionError || !server)}
                                     onClick={() => performCardInAction(selectedCard, server as AimeServer, setCardInStatus, toast)}>
-                                {cardInStatus ? "Carding in..." : <>Card In <ChevronRight className="ml-2 h-4 w-4"/></>}
+                                {cardInStatus ? "Carding in..." : <>Card In <Nfc className="ml-2 h-4 w-4"/></>}
                             </Button>
                         </>)}
 
@@ -186,7 +186,7 @@ function ServerCardInPage() {
                     </div>
                 )}
 
-                <AMFooter className="flex flex-col sm:flex-row justify-center sm:justify-between gap-2 flex-wrap-reverse">
+                <AMFooter className="flex flex-col-reverse sm:flex-row sm:flex-wrap justify-center sm:justify-between gap-2">
                     {server?.id && (
                         <AlertDialog>
                             <AlertDialogTrigger>