Minor UI imporvements

caprover · Sep 30, 2024 · 945ce50 · 945ce50
1 parent 613c67d
commit 945ce50
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/src/containers/apps/AppsTable.tsx b/src/containers/apps/AppsTable.tsx
@@ -518,27 +518,37 @@ class AppsTable extends Component<
         if (!selectedProject || !selectedProject.description) return <div />
 
         const description = selectedProject.description
+        const headerText = 'Notes'
+        const boxBody = (
+            <div
+                style={{
+                    whiteSpace: 'pre-wrap',
+                }}
+            >
+                {description}
+            </div>
+        )
+
         return (
             <Card style={{ marginTop: 24 }}>
                 <span
                     style={{
                         position: 'absolute',
-                        paddingRight: 8,
-                        paddingLeft: 8,
                         paddingBottom: 0,
-                        marginTop: -36,
+                        marginTop: -40,
                         marginLeft: -15,
                     }}
                 >
-                    <h4 style={{ margin: 0 }}>Notes</h4>
+                    <Card
+                        styles={{ body: { padding: 5 } }}
+                        style={{
+                            border: 0,
+                        }}
+                    >
+                        <h4 style={{ margin: 0, padding: 0 }}>{headerText}</h4>
+                    </Card>
                 </span>
-                <div
-                    style={{
-                        whiteSpace: 'pre-wrap',
-                    }}
-                >
-                    {description}
-                </div>
+                {boxBody}
             </Card>
         )
     }

diff --git a/src/containers/apps/appDetails/AppDetails.tsx b/src/containers/apps/appDetails/AppDetails.tsx
@@ -151,15 +151,7 @@ class AppDetails extends ApiComponent<
                 {projectsBreadCrumbs.map((project, index) => (
                     <span key={project.id}>
                         <span style={{ marginLeft: 5 }}> {' > '}</span>
-                        <ClickableLink
-                            onLinkClicked={() =>
-                                self.props.history.push(
-                                    `/apps/projects/${project.id}`
-                                )
-                            }
-                        >
-                            {project.name}
-                        </ClickableLink>
+                        {project.name}
                     </span>
                 ))}
             </div>