From c29982d58b322a7afe295fecf4b2a61b356b33c8 Mon Sep 17 00:00:00 2001
From: Anna <annadiplacido3@gmail.com>
Date: Sat, 2 Nov 2024 17:24:46 +0100
Subject: [PATCH] update : front

---
 libs/ui/common/src/lib/commandsR/Item.tsx                 | 4 ++--
 .../common/src/lib/commandsR/mealSelectionForPayment.tsx  | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/libs/ui/common/src/lib/commandsR/Item.tsx b/libs/ui/common/src/lib/commandsR/Item.tsx
index 2c13a5e..7bb2a32 100644
--- a/libs/ui/common/src/lib/commandsR/Item.tsx
+++ b/libs/ui/common/src/lib/commandsR/Item.tsx
@@ -38,11 +38,11 @@ export function Item(props: Readonly<ItemProps>) {
           props.handleSelectItem(props.item._id, props.item.shortName)
         }
       />
-      <CardContent>
+      <CardContent sx={{ textAlign: 'center' }}>
         <Typography gutterBottom variant="h5" component="div">
           {props.item.shortName}
         </Typography>
-        <Typography variant="body2" color="text.secondary">
+        <Typography variant="body2" color="text.secondary" sx={{ fontSize: '1.4rem' }}>
           {props.remaining ? `Remaining: ${props.remaining}` : ''}
         </Typography>
       </CardContent>
diff --git a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
index b194215..882e7af 100644
--- a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
+++ b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
@@ -35,7 +35,7 @@ export function MealSelectionForPayment() {
     groupId: string; 
     tableNumber: string;
   }>();
-  
+
   function handleClose() {
     console.log('Close button clicked');
   }
@@ -103,8 +103,10 @@ function MealSelectionContent({
   return (
     <Box sx={{ pb: 10 }}>
       <BackButton onClick={onBackButtonClick} />
-      <Box sx={{ mt: 15, px: 3 }}>
-        <Typography variant="h5" color="primary" sx={{ mb: 2 }}>
+      <Box sx={{ mt: 15, px: 3, 
+                  maxHeight: '600px', 
+                  overflowY: 'auto', }}>
+        <Typography variant="h3" color="primary" sx={{ mb: 2, textAlign: 'center' }}>
           My table (Nb {currentTable.number})
         </Typography>
         <Divider sx={{ mb: 2 }} />