Merge pull request #663 from garden-io/dashboard-fixes

fix(dashboard): dashboard fixes
garden-io · Mar 27, 2019 · 0c39ea1 · 0c39ea1
2 parents 3b78b52 + 60c746e
commit 0c39ea1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,6 @@
+# OS
+.DS_STORE
+
 # Logs
 *.log
 npm-debug.log*

diff --git a/dashboard/src/components/graph/graph.scss b/dashboard/src/components/graph/graph.scss
@@ -39,7 +39,8 @@
     text-align: center;
 
     span.name {
-      font-weight: bold;
+      font-weight: 700;
+      font-size: 0.9rem;
     }
     span.type {
       display: inline-block;

diff --git a/dashboard/src/components/terminal.tsx b/dashboard/src/components/terminal.tsx
@@ -42,15 +42,13 @@ const Timestamp = styled.span`
   color: ${colors.gardenGrayLight};
 `
 
-// FIXME Use whitespace instead of dots for the sectinon padding.
-// For some reason whitespace is not rendered inside spans.
 const Terminal: React.SFC<Props> = ({ entries, sectionPad, showServiceName }) => {
   return (
     <Term className="p-1">
       <code>
         {entries.map((e, idx) => {
           const service = showServiceName
-            ? <Service>{padEnd(e.serviceName, sectionPad + 3, ".")}</Service>
+            ? <Service>{padEnd(e.serviceName, sectionPad + 3, "\u00A0")}</Service>
             : ""
           return (
             <P key={idx}>

diff --git a/dashboard/src/containers/sidebar.tsx b/dashboard/src/containers/sidebar.tsx
@@ -28,8 +28,8 @@ const builtinPages: Page[] = [
     url: "",
   },
   {
-    title: "Task Graph",
-    description: "Task Graph",
+    title: "Stack Graph",
+    description: "Stack Graph",
     path: "/graph",
     newWindow: false,
     url: "",