Fixed CSS issues

parseablehq · Dec 17, 2024 · c158458 · c158458
1 parent eaa1e19
commit c158458
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/pages/Stream/Views/Explore/StaticLogTable.tsx b/src/pages/Stream/Views/Explore/StaticLogTable.tsx
@@ -92,7 +92,13 @@ const makeHeaderOpts = (
 						}
 						const isFirstColumn = index === 0;
 						return (
-							<div className={tableStyles.customCellContainer} style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>
+							<div
+								className={tableStyles.customCellContainer}
+								style={{
+									marginLeft: isFirstSelectedRow && isFirstColumn ? '4px' : '',
+									overflow: 'hidden',
+									textOverflow: 'ellipsis',
+								}}>
 								<div
 									className={tableStyles.actionIconContainer}
 									onClick={(event) => {
@@ -107,7 +113,9 @@ const makeHeaderOpts = (
 									style={{
 										display: isFirstSelectedRow && isFirstColumn ? 'flex' : '',
 									}}>
-									{isSecureHTTPContext ? sanitizedValue && <IconDotsVertical stroke={1.2} size={'0.8rem'} /> : null}
+									{isSecureHTTPContext
+										? sanitizedValue && <IconDotsVertical stroke={1.2} size={'0.8rem'} color="#545beb" />
+										: null}
 								</div>
 								{sanitizedValue}
 								<div className={tableStyles.copyIconContainer}>
@@ -260,7 +268,7 @@ const Table = (props: { primaryHeaderHeight: number }) => {
 									const [start, end] = rowNumber.split(':').map(Number);
 									return row.index >= start && row.index <= end;
 								})()
-									? '#DDE3FE'
+									? '#E8EDFE'
 									: '',
 						},
 					};

diff --git a/src/pages/Stream/styles/Logs.module.css b/src/pages/Stream/styles/Logs.module.css
@@ -275,10 +275,12 @@
 		.actionIconContainer {
 			position: absolute;
 			top: 25%;
-			left: 0;
+			left: 3px;
 			cursor: pointer;
+			padding: 1px 0px;
 			border-radius: 4px;
 			background-color: white;
+			border: 0.8px solid #545beb;
 			display: none;
 		}
 	}