Remove console spam (#1400)

* Remove console spam

* CSS Style

* Slight cleanup

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>

frontend/src/components/widgets/inputs/CheckboxInput.svelte

@@ -75,12 +75,12 @@
 				}
 			}
 
-			// Hovered
+			// Hovered while unchecked
 			&:hover .checkbox-box {
 				background: var(--color-6-lowergray);
 			}
 
-			// Disabled
+			// Disabled while unchecked
 			&.disabled .checkbox-box {
 				background: var(--color-4-dimgray);
 			}
@@ -96,12 +96,12 @@
 				}
 			}
 
-			// Hovered
+			// Hovered while checked
 			&:hover .checkbox-box {
 				background: var(--color-f-white);
 			}
 
-			// Hovered
+			// Disabled while checked
 			&.disabled .checkbox-box {
 				background: var(--color-8-uppergray);
 			}

frontend/src/components/widgets/inputs/CurveInput.svelte

@@ -200,11 +200,11 @@
 			{@const group = groups[selectedNodeIndex]}
 			{#each [0, 1] as i}
 				<path d={`M ${group.anchor[0]} ${1 - group.anchor[1]} L ${group.handles[i][0]} ${1 - group.handles[i][1]}`} class="handle-line" />
-				<circle cx={group.handles[i][0]} cy={1 - group.handles[i][1]} class="manipulator handle" on:pointerdown={(e) => handleManipulatorPointerDown(e, -i - 1)} />
+				<circle cx={group.handles[i][0]} cy={1 - group.handles[i][1]} class="manipulator handle" r="0.02" on:pointerdown={(e) => handleManipulatorPointerDown(e, -i - 1)} />
 			{/each}
 		{/if}
 		{#each groups as group, i}
-			<circle cx={group.anchor[0]} cy={1 - group.anchor[1]} class="manipulator" on:pointerdown={(e) => handleManipulatorPointerDown(e, i)} />
+			<circle cx={group.anchor[0]} cy={1 - group.anchor[1]} class="manipulator" r="0.02" on:pointerdown={(e) => handleManipulatorPointerDown(e, i)} />
 		{/each}
 	</svg>
 	<slot />
@@ -234,7 +234,6 @@
 			fill: var(--color-1-nearblack);
 			stroke: var(--color-e-nearwhite);
 			stroke-width: 0.01;
-			r: 0.02;
 
 			&:hover {
 				fill: var(--color-f-white);

frontend/src/components/widgets/inputs/DropdownInput.svelte

@@ -66,7 +66,7 @@
 	<LayoutRow
 		class="dropdown-box"
 		classes={{ disabled, open, "sharp-right-corners": sharpRightCorners }}
-		styles={{ minWidth: `${minWidth}px` }}
+		styles={{ "min-width": `${minWidth}px` }}
 		{tooltip}
 		on:click={() => !disabled && (open = true)}
 		on:blur={unFocusDropdownBox}

frontend/src/components/widgets/inputs/FontInput.svelte

@@ -109,7 +109,7 @@
 	<LayoutRow
 		class="dropdown-box"
 		classes={{ disabled, "sharp-right-corners": sharpRightCorners }}
-		styles={{ minWidth: `${minWidth}px` }}
+		styles={{ "min-width": `${minWidth}px` }}
 		{tooltip}
 		tabindex={disabled ? -1 : 0}
 		on:click={toggleOpen}