From 628e8a4407b057f89312c7ff53908f3a68359849 Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 19 May 2025 10:10:36 +0100
Subject: [PATCH 1/5] fix: alerts width

---
 .../src/pages/Dashboard/Alerts/Alerts.jsx       | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
index 79234644..d252a8c4 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
@@ -1,6 +1,5 @@
 import { useQuery, gql } from '@apollo/client'
 import Button from '@mui/material/Button'
-import Grid from '@mui/material/Grid'
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React from 'react'
@@ -56,11 +55,9 @@ const Alerts = ({ onReset, onExpand, size }) => {
           </Label1>
         )}
       </div>
-      <Grid
-        className={classnames({ 'm-0': true, 'max-h-115': showAllItems })}
-        container
-        spacing={1}>
-        <Grid item xs={12}>
+      <div
+        className={classnames({ 'm-0 mt-2': true, 'max-h-115': showAllItems })}>
+        <div className="w-full flex-1">
           {!alerts.length && (
             <Label1 className="text-comet -ml-1 h-30">
               No new alerts. Your system is running smoothly.
@@ -71,10 +68,10 @@ const Alerts = ({ onReset, onExpand, size }) => {
             alerts={alerts}
             machines={machines}
           />
-        </Grid>
-      </Grid>
+        </div>
+      </div>
       {!showAllItems && alertsLength > NUM_TO_RENDER && (
-        <Grid item xs={12}>
+        <div>
           <Label1 className="text-center mb-0">
             <Button
               onClick={() => onExpand('alerts')}
@@ -85,7 +82,7 @@ const Alerts = ({ onReset, onExpand, size }) => {
               {`Show all (${alerts.length})`}
             </Button>
           </Label1>
-        </Grid>
+        </div>
       )}
     </>
   )

From 1ddf8d5a38a5441534b3341b9a4b1f9e5324d543 Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 19 May 2025 10:11:48 +0100
Subject: [PATCH 2/5] fix: custom requirement toggle button

---
 .../admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx b/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
index 3c8d73ed..ee9a3b8b 100644
--- a/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
+++ b/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
@@ -14,6 +14,7 @@ const ToggleButtonGroup = ({
 }) => {
   return (
     <MUIToggleButtonGroup
+      className="flex flex-col gap-4"
       size={size}
       name={name}
       orientation={orientation}

From 1f24cddc06d6b5cf48a5f1cbca6b757650cd2543 Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 19 May 2025 10:14:01 +0100
Subject: [PATCH 3/5] fix: margin at the bottom of Machines

---
 packages/admin-ui/src/pages/Machines/Machines.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/admin-ui/src/pages/Machines/Machines.jsx b/packages/admin-ui/src/pages/Machines/Machines.jsx
index 79c01d88..5ce129ae 100644
--- a/packages/admin-ui/src/pages/Machines/Machines.jsx
+++ b/packages/admin-ui/src/pages/Machines/Machines.jsx
@@ -100,7 +100,7 @@ const Machines = ({ data, refetch, reload }) => {
   const machineID = R.path(['deviceId'])(machine) ?? null
 
   return (
-    <div className="flex flex-1 h-full gap-12">
+    <div className="flex flex-1 h-full gap-12 mb-12">
       <div className="basis-1/4 min-w-1/4 pt-8">
         <Breadcrumbs separator={<NavigateNextIcon fontSize="small" />}>
           <Link to="/dashboard" className="no-underline">

From 2b8f140c77de516bb41b016c8c91ce535a551d47 Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 19 May 2025 10:19:43 +0100
Subject: [PATCH 4/5] fix: label color on Cashbox component

---
 .../admin-ui/src/components/inputs/cashbox/Cashbox.module.css  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
index c57f6ae7..9a05d32d 100644
--- a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
+++ b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
@@ -27,8 +27,9 @@
   margin-top: 8px;
 }
 
+/*TODO important because of tailwind integration with MUI*/
 .fullPartP {
-  color: white;
+  color: white !important;
   display: inline;
 }
 

From 22af42636b800d37c31cc2ea52238ba0324f0888 Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 19 May 2025 10:23:19 +0100
Subject: [PATCH 5/5] fix: logs table height

---
 packages/admin-ui/src/components/table/TableRow.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/admin-ui/src/components/table/TableRow.jsx b/packages/admin-ui/src/components/table/TableRow.jsx
index 916416ea..a34da454 100644
--- a/packages/admin-ui/src/components/table/TableRow.jsx
+++ b/packages/admin-ui/src/components/table/TableRow.jsx
@@ -4,7 +4,8 @@ import React, { memo } from 'react'
 const TableRow = memo(
   ({ className, children, header, error, success, size = 'sm', ...props }) => {
     const classnamesObj = {
-      'p-1 h-12 bg-white': !header,
+      'p-1 bg-white': !header,
+      'h-12': !header && size !== 'sm' && size !== 'lg',
       'h-8': !header && size === 'sm',
       'h-9 font-bold text-base ': !header && size === 'lg',
       'bg-misty-rose': error,