fix(ui): Another trick to make columns fit with the button

pando85 · Jan 23, 2024 · 0d4028a · 0d4028a
1 parent 6a503a7
commit 0d4028a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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 {