From 0d4028a574821a27d6c9b4ca45dcc3aacb6ebdad Mon Sep 17 00:00:00 2001
From: Alexander Gil <pando855@gmail.com>
Date: Tue, 23 Jan 2024 20:34:21 +0100
Subject: [PATCH] fix(ui): Another trick to make columns fit with the button

---
 server/web/ui/src/JobTable.tsx        | 2 ++
 server/web/ui/src/themes/_shared.scss | 5 ++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/server/web/ui/src/JobTable.tsx b/server/web/ui/src/JobTable.tsx
index a7717f1..d5355d2 100644
--- a/server/web/ui/src/JobTable.tsx
+++ b/server/web/ui/src/JobTable.tsx
@@ -430,6 +430,7 @@ const JobTable: React.FC<JobTableProps> = ({ token, setShowJobTable }) => {
                   {job.status_message}
                 </TableCell>
                 <TableCell title={formatDateDetailed(job.last_update)}>
+                  <div className="row-menu">
                   {formatDateShort(job.last_update)}
                   <Button
                     className="simple-menu"
@@ -487,6 +488,7 @@ const JobTable: React.FC<JobTableProps> = ({ token, setShowJobTable }) => {
                       <Typography>Message: {job.status_message}</Typography>
                     </MenuItem>
                   </Menu>
+                  </div>
                 </TableCell>
               </TableRow>
             ))}
diff --git a/server/web/ui/src/themes/_shared.scss b/server/web/ui/src/themes/_shared.scss
index 82b3966..1b22059 100644
--- a/server/web/ui/src/themes/_shared.scss
+++ b/server/web/ui/src/themes/_shared.scss
@@ -217,9 +217,8 @@ code {
   box-shadow: 0 0 0.4rem rgba($box-shadow-color, .05);
 }
 
-.simple-menu {
-  position: absolute;
-  margin-left: -5px;
+.row-menu {
+  display: flex;
 }
 
 .centered-container {