Consolidate MenuListButton into TextButton (#1470)

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

@@ -169,8 +169,6 @@
 		}
 
 		input {
-			// text-align: center;
-
 			&:not(:focus).has-label {
 				text-align: right;
 				margin-left: 0;
@@ -202,6 +200,11 @@
 			textarea {
 				color: var(--color-8-uppergray);
 			}
+
+			input {
+				// Disables drag-selecting the text, since `user-select: none` doesn't work for input elements
+				pointer-events: none;
+			}
 		}
 	}
 </style>

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

@@ -248,7 +248,7 @@
 
 	function onDragPointerDown(e: PointerEvent) {
 		// Only drag the number with left click (and when it's valid to do so)
-		if (e.button !== BUTTON_LEFT || mode !== "Increment" || value === undefined) return;
+		if (e.button !== BUTTON_LEFT || mode !== "Increment" || value === undefined || disabled) return;
 
 		// Don't drag the text value from is input element
 		e.preventDefault();
@@ -633,8 +633,8 @@
 			}
 
 			// Show the left-right arrow cursor when hovered over the draggable area
-			input[type="text"]:not(:focus),
-			label {
+			&:not(.disabled) input[type="text"]:not(:focus),
+			&:not(.disabled) label {
 				cursor: ew-resize;
 			}