Merge pull request #8 from miukimiu/graph-prototype-bottom-bar

Small css fixes
flash1293 · Apr 14, 2020 · fb6de3b · fb6de3b
2 parents 36103a0 + 31270f9
commit fb6de3b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/x-pack/legacy/plugins/graph/public/components/_app.scss b/x-pack/legacy/plugins/graph/public/components/_app.scss
@@ -88,4 +88,12 @@ $sidebarWidth: $euiSizeXXL * 10;
       margin-bottom: $euiSize; /* 1 */
     }
   }
+
+  &__panelTitle {
+    .euiToolTipAnchor {
+      margin-left: $euiSizeXS;
+      position: relative;
+      top: -1px;
+    }
+  }
 }
diff --git a/x-pack/legacy/plugins/graph/public/components/add_data/add_data_panel.tsx b/x-pack/legacy/plugins/graph/public/components/add_data/add_data_panel.tsx
@@ -113,7 +113,7 @@ function AddDataPanelComponent(props: any) {
                     <EuiAccordion
                       initialIsOpen={true}
                       buttonContent={
-                        <EuiTitle size="xs">
+                        <EuiTitle size="xs" className="gphGraphSidebar__panelTitle">
                           <h4>
                             Add Significant vertices
                             <EuiIconTip
@@ -236,7 +236,7 @@ function AddDataPanelComponent(props: any) {
                     <EuiAccordion
                       initialIsOpen={false}
                       buttonContent={
-                        <EuiTitle size="xs">
+                        <EuiTitle size="xs" className="gphGraphSidebar__panelTitle">
                           <h4>
                             Vertices by field
                             <EuiIconTip
@@ -311,7 +311,7 @@ function AddDataPanelComponent(props: any) {
                     <EuiAccordion
                       initialIsOpen={false}
                       buttonContent={
-                        <EuiTitle size="xs">
+                        <EuiTitle size="xs" className="gphGraphSidebar__panelTitle">
                           <h4>
                             Free vertex
                             <EuiIconTip

diff --git a/x-pack/legacy/plugins/graph/public/components/graph_visualization/graph_visualization.tsx b/x-pack/legacy/plugins/graph/public/components/graph_visualization/graph_visualization.tsx
@@ -799,7 +799,7 @@ function GraphVisualizationComponent({
               isOpen={open}
               closePopover={() => setOpen(false)}
             >
-              <EuiFormRow label="Minimum number of connections">
+              <EuiFormRow label="Minimum number of documents">
                 <EuiRange
                   value={minDocCount}
                   min={0}
@@ -890,9 +890,10 @@ function GraphVisualizationComponent({
           ) : (
             <EuiFlexGroup gutterSize="s">
               <EuiFlexItem grow={false}>
-                <span
-                  style={{ padding: 4 }}
-                >{`${clientWorkspace.nodes.length} vertices, ${clientWorkspace.edges.length} connections (${filteredEdges.length} connections filtered)`}</span>
+                <span style={{ padding: 4 }}>
+                  <b>{clientWorkspace.nodes.length}</b> vertices,{' '}
+                  <b>{clientWorkspace.edges.length}</b> connections filtered
+                </span>
               </EuiFlexItem>
             </EuiFlexGroup>
           )}