ui: tighten up node list top bar styling

This makes the top bar styles on the node list match those of the node map. Fixes: #23802 Release note: None
cockroachdb · Mar 20, 2018 · c5527d0 · c5527d0
1 parent 1e6f834
commit c5527d0
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/pkg/ui/ccl/src/views/clusterviz/containers/map/nodeList.tsx b/pkg/ui/ccl/src/views/clusterviz/containers/map/nodeList.tsx
@@ -25,20 +25,23 @@ export default class NodeList extends React.Component<RouterState & { router: In
 
     // TODO(vilterp): dedup with ClusterVisualization
     return (
-      <div style={{
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-        background: "white",
-        paddingBottom: 24,
-      }}>
+      <div
+        style={{
+          width: "100%",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          background: "white",
+          paddingBottom: 24,
+        }}
+        className="clusterviz"
+      >
         <div style={{
           flex: "none",
           backgroundColor: "white",
           boxShadow: "0 0 4px 0 rgba(0, 0, 0, 0.2)",
           zIndex: 5,
-          padding: "16px 24px",
+          padding: "4px 12px",
         }}>
           <div style={{ float: "left" }}>
             <Dropdown