fixing alignment of buttons

swiss-ai-center · Nov 14, 2023 · 08e4335 · 08e4335
1 parent e06c267
commit 08e4335
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/webapp/src/components/Board/ProgressNode.tsx b/webapp/src/components/Board/ProgressNode.tsx
@@ -44,7 +44,7 @@ const ProgressNode = ({data}: any) => {
             <Card
                 sx={{
                     height: "100%", display: "flex", flexDirection: "column",
-                    border: !isExecuting() ? ("2px solid") : "none",
+                    border: !isExecuting() ? ("2px solid") : "none", alignItems: "center",
                     borderColor: !isExecuting() ? (getStatus() === RunState.FINISHED ? "success.main" :
                         getStatus() === RunState.ERROR ? "error.main" :
                             (colorMode === "light" ? lightgrey : darkgrey)) : "none",

diff --git a/webapp/src/pages/Showcase/index.tsx b/webapp/src/pages/Showcase/index.tsx
@@ -23,6 +23,13 @@ const isSmartphone = (): boolean => {
     return window.innerWidth < 600;
 }
 
+const removeInitialLineBreak = (text: string) => {
+    if (text.startsWith('\n')) {
+        return text.substring(1);
+    }
+    return text;
+}
+
 const Showcase: React.FC<{ mobileOpen: boolean }> = ({mobileOpen}) => {
     const params = useParams();
     const navigate = useNavigate();
@@ -104,7 +111,7 @@ const Showcase: React.FC<{ mobileOpen: boolean }> = ({mobileOpen}) => {
                                     multiline
                                     rows={10}
                                     fullWidth
-                                    value={description ? description.description : ''}
+                                    value={description ? removeInitialLineBreak(description.description) : ''}
                                     variant={"outlined"}
                                     disabled
                                 />