#1906-tweeked column widths

openkfw · Aug 23, 2024 · 820b3e8 · 820b3e8
1 parent 7e5a5c7
commit 820b3e8
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 37 deletions.
diff --git a/frontend/src/pages/Workflows/WorkflowItem.js b/frontend/src/pages/Workflows/WorkflowItem.js
@@ -499,41 +499,39 @@ export const WorkflowItem = ({
                           sx={{ backgroundColor: (theme) => theme.palette.tag.main, color: "white" }}
                         />
                       </div>
-                      {tags.length > 1 && (
-                        <div>
-                          <IconButton aria-label="expand" aria-describedby={popoverId} onClick={handleClick}>
-                            {open ? <ExpandLess /> : <ExpandMore />}
-                          </IconButton>
-                          <Popover
-                            id={popoverId}
-                            open={open}
-                            anchorEl={anchorEl}
-                            onClose={handleClose}
-                            anchorOrigin={{
-                              vertical: "top",
-                              horizontal: "left"
-                            }}
-                            transformOrigin={{
-                              vertical: "top",
-                              horizontal: "right"
-                            }}
-                          >
-                            <div className="tags-popover">
-                              {tags.map((tag) => (
-                                <Chip
-                                  key={tag}
-                                  label={tag}
-                                  size="small"
-                                  onClick={(event) => {
-                                    props.storeWorkflowitemSearchTerm(`tag:${event.target.innerText}`);
-                                  }}
-                                  sx={{ backgroundColor: (theme) => theme.palette.tag.main, color: "white" }}
-                                />
-                              ))}
-                            </div>
-                          </Popover>
-                        </div>
-                      )}
+                      <div>
+                        <IconButton aria-label="expand" aria-describedby={popoverId} onClick={handleClick}>
+                          {open ? <ExpandLess /> : <ExpandMore />}
+                        </IconButton>
+                        <Popover
+                          id={popoverId}
+                          open={open}
+                          anchorEl={anchorEl}
+                          onClose={handleClose}
+                          anchorOrigin={{
+                            vertical: "top",
+                            horizontal: "left"
+                          }}
+                          transformOrigin={{
+                            vertical: "top",
+                            horizontal: "right"
+                          }}
+                        >
+                          <div className="tags-popover">
+                            {tags.map((tag) => (
+                              <Chip
+                                key={tag}
+                                label={tag}
+                                size="small"
+                                onClick={(event) => {
+                                  props.storeWorkflowitemSearchTerm(`tag:${event.target.innerText}`);
+                                }}
+                                sx={{ backgroundColor: (theme) => theme.palette.tag.main, color: "white" }}
+                              />
+                            ))}
+                          </div>
+                        </Popover>
+                      </div>
                     </div>
                   )}
                 </div>

diff --git a/frontend/src/pages/Workflows/WorkflowItem.scss b/frontend/src/pages/Workflows/WorkflowItem.scss
@@ -147,13 +147,13 @@
 }
 
 .action-cell {
-  width: 10%;
+  width: 15%;
   display: flex;
   align-items: center;
 }
 
 .tag-cell {
-  width: 15%;
+  width: 10%;
   display: flex;
   align-items: center;
   overflow-x: hidden;