From f321099af67b30dd04d72f4e0e110a2dfaaa3b30 Mon Sep 17 00:00:00 2001
From: Johnny Gear <johnny@johnnygear.net>
Date: Fri, 30 Jan 2026 13:24:48 -0600
Subject: [PATCH] Order Sets - UI tweaks

---
 flask/vite/src/SubOrderSets.tsx | 48 +++++++++++++++------------------
 1 file changed, 21 insertions(+), 27 deletions(-)

diff --git a/flask/vite/src/SubOrderSets.tsx b/flask/vite/src/SubOrderSets.tsx
index ef08d9a..fd9e546 100644
--- a/flask/vite/src/SubOrderSets.tsx
+++ b/flask/vite/src/SubOrderSets.tsx
@@ -1,12 +1,4 @@
-import {
-  Container,
-  Title,
-  Card,
-  Text,
-  Button,
-  Flex,
-  Badge,
-} from "@mantine/core";
+import { Container, Title, Card, Text, Box, Flex, Badge } from "@mantine/core";
 import { TimeValue } from "@mantine/dates";
 import { IconPencil, IconPlus, IconTrash } from "@tabler/icons-react";
 import React from "react";
@@ -60,7 +52,7 @@ export const SubOrderSets: React.FC = () => {
                   bg="gray.2"
                   w="400px"
                 >
-                  <Flex direction="column" gap="md">
+                  <Flex direction="column" gap="md" h="100%">
                     <Title order={4}>{name}</Title>
                     {scheduled ? (
                       <Flex gap="md" align="center">
@@ -71,23 +63,25 @@ export const SubOrderSets: React.FC = () => {
                         {weekends ? <Badge color="blue">Weekends</Badge> : null}
                       </Flex>
                     ) : null}
-                    <Text mb="md">Orders: {orders.length}</Text>
-                  </Flex>
-                  <Flex gap="md" justify="end">
-                    <ConfirmDialogButton
-                      buttonColor="red"
-                      buttonText="Delete"
-                      text={`Are you sure you want to delete ${name}?`}
-                      onConfirm={() => handleDelete(id)}
-                    >
-                      <IconTrash />
-                    </ConfirmDialogButton>
-                    <NavigateButton
-                      to={`/dashboard/subs/${sub_username}/${id}`}
-                    >
-                      <IconPencil style={{ marginRight: "0.5rem" }} />
-                      Edit
-                    </NavigateButton>
+                    <Text mb="md" flex={1}>
+                      Orders: {orders.length}
+                    </Text>
+                    <Flex gap="md" justify="end">
+                      <ConfirmDialogButton
+                        buttonColor="red"
+                        buttonText="Delete"
+                        text={`Are you sure you want to delete ${name}?`}
+                        onConfirm={() => handleDelete(id)}
+                      >
+                        <IconTrash />
+                      </ConfirmDialogButton>
+                      <NavigateButton
+                        to={`/dashboard/subs/${sub_username}/${id}`}
+                      >
+                        <IconPencil style={{ marginRight: "0.5rem" }} />
+                        Edit
+                      </NavigateButton>
+                    </Flex>
                   </Flex>
                 </Card>
               ),