cross-browser compatible

evidence-dev · May 15, 2023 · ec7729c · ec7729c
1 parent 5d623ed
commit ec7729c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/sites/example-project/src/components/icons/HelpCircleIcon.svelte b/sites/example-project/src/components/icons/HelpCircleIcon.svelte
@@ -20,18 +20,19 @@
 
 <style>
 	.icon {
-		display: flex;
 		align-items: center;
 		vertical-align: middle;
 	}
 
 	.icon-container {
+		display: inline-flex;
 		align-items: center;
 		vertical-align: middle;
 	}
 
 	svg {
 		margin: auto;
 		display: block;
+		height: 100%;
 	}
 </style>
diff --git a/sites/example-project/src/components/viz/Value.svelte b/sites/example-project/src/components/viz/Value.svelte
@@ -85,7 +85,7 @@
 	<span class="error">
 		<span class="error-label">Error</span>
 		<span class="additional-info-icon">
-			<HelpCircleIcon height="18" width="18" verticalOffset="2" color="--grey-100" />
+			<HelpCircleIcon height="18" width="18" verticalOffset="1" color="--grey-100" />
 		</span>
 		<span class="error-msg">{error}</span>
 	</span>
@@ -117,7 +117,10 @@
 	}
 
 	.additional-info-icon {
-		display: inline;
+		display: flex;
+		align-items: center;
+		height: 100%;
+		width: 100%;
 		vertical-align: middle;
 		width: 14px;
 		color: white;