Merge pull request #1123 from oskarhane/cell-values-top

Vertical align cell values at row top
neo4j · Jun 23, 2020 · c9156ec · c9156ec
2 parents 6265a67 + 188b9b2
commit c9156ec
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/browser/modules/Stream/CypherFrame/__snapshots__/relatable-view.test.js.snap b/src/browser/modules/Stream/CypherFrame/__snapshots__/relatable-view.test.js.snap
@@ -17,7 +17,7 @@ exports[`RelatableViews RelatableView displays bodyMessage if no rows 1`] = `
 exports[`RelatableViews RelatableView does not display bodyMessage if rows, and escapes HTML 1`] = `
 <div>
   <div
-    class="relatable-viewstyled__RelatableStyleWrapper-sc-4f9z7m-0 fgUNnb"
+    class="relatable-viewstyled__RelatableStyleWrapper-sc-4f9z7m-0 bbriTa"
   >
     <div
       class="relatable css-1dne9dv"

diff --git a/src/browser/modules/Stream/CypherFrame/relatable-view.styled.js b/src/browser/modules/Stream/CypherFrame/relatable-view.styled.js
@@ -35,6 +35,7 @@ export const RelatableStyleWrapper = styled.div`
   }
   .relatable__table-body-row .relatable__table-cell {
     border-top: ${props => props.theme.inFrameBorder};
+    vertical-align: top;
   }
 `
 
@@ -47,6 +48,6 @@ export const StyledJsonPre = styled.pre`
   color: ${props => props.theme.preText};
   line-height: 26px;
   padding: 2px 10px;
-  max-width: 320px;
+  max-width: 500px;
   white-space: pre-wrap;
 `