Fix icon size issues

umonkey · Jan 5, 2025 · 9da4890 · 9da4890
1 parent e3bd083
commit 9da4890
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 28 deletions.
diff --git a/frontend/src/lib/components/forms/CanopyEditor.svelte b/frontend/src/lib/components/forms/CanopyEditor.svelte
@@ -63,12 +63,12 @@
 			margin: 0;
 			line-height: 38px;
 		}
-	}
 
-	:global(svg) {
-		width: 30px;
-		height: 30px;
-		display: block;
+		:global(svg) {
+			width: 30px;
+			height: 30px;
+			display: block;
+		}
 	}
 
 	a.icon {

diff --git a/frontend/src/lib/components/forms/CircumferenceEditor.svelte b/frontend/src/lib/components/forms/CircumferenceEditor.svelte
@@ -65,12 +65,12 @@
 			margin: 0;
 			line-height: 38px;
 		}
-	}
 
-	:global(svg) {
-		width: 30px;
-		height: 30px;
-		display: block;
+		:global(svg) {
+			width: 30px;
+			height: 30px;
+			display: block;
+		}
 	}
 
 	a.icon {

diff --git a/frontend/src/lib/components/forms/HeightEditor.svelte b/frontend/src/lib/components/forms/HeightEditor.svelte
@@ -63,12 +63,12 @@
 			margin: 0;
 			line-height: 38px;
 		}
-	}
 
-	:global(svg) {
-		width: 30px;
-		height: 30px;
-		display: block;
+		:global(svg) {
+			width: 30px;
+			height: 30px;
+			display: block;
+		}
 	}
 
 	a.icon {

diff --git a/frontend/src/lib/components/forms/StateEditor.svelte b/frontend/src/lib/components/forms/StateEditor.svelte
@@ -60,11 +60,11 @@
 			margin: 0;
 			line-height: 38px;
 		}
-	}
 
-	:global(svg) {
-		width: 30px;
-		height: 30px;
-		display: block;
+		:global(svg) {
+			width: 30px;
+			height: 30px;
+			display: block;
+		}
 	}
 </style>
diff --git a/frontend/src/lib/components/tree/Actions.svelte b/frontend/src/lib/components/tree/Actions.svelte
@@ -37,6 +37,12 @@
 			height: 20px;
 			color: var(--icon-color-secondary);
 			text-align: center;
+
+			a {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
 		}
 
 		.sep {

diff --git a/frontend/src/routes/tree/[id=treeid]/measure/+page.svelte b/frontend/src/routes/tree/[id=treeid]/measure/+page.svelte
@@ -42,7 +42,7 @@
 
 <Header title={locale.measureTitle()} />
 
-<div class="padded">
+<div class="padded measure">
 	<AuthWrapper>
 		{#if tab === 'height'}
 			<HeightEditor {tree} {onClose} />
@@ -96,22 +96,19 @@
 			display: flex;
 			flex-direction: row;
 			gap: var(--gap);
+			color: var(--text-color);
+			align-items: center;
 		}
 
 		.label {
 			flex-grow: 1;
 			flex-shrink: 0;
 		}
 
-		:global(svg) {
-			width: 30px;
-			height: 30px;
-			display: block;
-			color: var(--text-color-inactive);
-		}
-
 		a {
 			color: inherit;
+			display: block;
+			line-height: 0;
 		}
 
 		button {
@@ -120,6 +117,13 @@
 			cursor: pointer;
 			padding: 0;
 			margin: 0;
+			color: inherit;
+			display: block;
+		}
+
+		:global(svg) {
+			width: 30px;
+			height: 30px;
 		}
 	}
 </style>