fix: JSON view CSS fixes (#435)

parseablehq · Jan 27, 2025 · e91027f · e91027f
1 parent 377690e
commit e91027f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/pages/Stream/Views/Explore/JSONView.tsx b/src/pages/Stream/Views/Explore/JSONView.tsx
@@ -90,7 +90,12 @@ const Row = (props: {
 
 	return (
 		<Stack
-			style={{ flexDirection: 'row', background: isRowHighlighted ? '#E8EDFE' : 'white' }}
+			style={{
+				flexDirection: 'row',
+				background: isRowHighlighted ? '#E8EDFE' : 'white',
+				paddingLeft: showEllipses ? '5px' : '',
+				gap: showEllipses ? '5px' : '',
+			}}
 			className={classes.rowContainer}
 			gap={0}>
 			{showEllipses && (

diff --git a/src/pages/Stream/styles/JSONView.module.css b/src/pages/Stream/styles/JSONView.module.css
@@ -15,8 +15,7 @@
 }
 
 .actionIconContainer {
-	position: absolute;
-	left: 0px;
+	height: fit-content;
 	cursor: pointer;
 	padding: 1px 0px;
 	border-radius: 4px;