Order CSS fix

01-frontend/src/helper/adminpanel/OrdersInfo.tsx

@@ -47,7 +47,9 @@ const OrderCard: React.FC<{ order: OrderType; onClick: () => void }> = ({order,
 
     return (
         <div ref={drag} style={{opacity: isDragging ? 0.5 : 1, marginBottom: 8}}>
-            <Card elevation={4}>
+            <Card elevation={4} sx={{
+                m: 1
+            }}>
                 <CardContent onClick={onClick}>
                     <Typography gutterBottom variant="h5" component="div">
                         Order: {order.id}
@@ -84,7 +86,6 @@ const Column: React.FC<PropsWithChildren<{
         <div ref={drop} style={{
             flex: 1,
             backgroundColor: isOver ? theme.palette.background.paper : 'transparent',
-            padding: 1,
             minWidth: 300,
             maxWidth: 400
         }}>
@@ -95,14 +96,13 @@ const Column: React.FC<PropsWithChildren<{
                 height: '80vh',
                 display: 'flex',
                 flexDirection: 'column'
-            }} elevation={4}>
+            }} elevation={1}>
                 <CardContent sx={{
                     flex: 1,
                     display: 'flex',
                     flexDirection: 'column',
                     overflowY: 'auto',
                     height: '100%',
-                    padding: 2
                 }}>
                     <Typography variant="h6">{t(status)}</Typography>
                     <div style={{flex: 1, overflowY: 'auto'}}>
@@ -190,7 +190,8 @@ export default function OrdersInfo() {
         }
         try {
             await patchOrderMutation.mutateAsync({id: obj.id, status: status});
-            refetch();
+            await refetch();
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
         } catch (error) {
             setOpenSnackbar(true);
         }