Merge pull request #3513 from wowsims/rotation-tab-updates

Tweak APL text boxes
wowsims · Aug 21, 2023 · 3a5a610 · 3a5a610
2 parents c53b387 + 75578d6
commit 3a5a610
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/ui/core/components/string_picker.ts b/ui/core/components/string_picker.ts
@@ -49,6 +49,7 @@ export class AdaptiveStringPicker<ModObject> extends Input<ModObject, string> {
 
 		this.inputElem = document.createElement('input');
 		this.inputElem.type = 'text';
+		this.inputElem.classList.add('form-control')
 		this.rootElem.appendChild(this.inputElem);
 
 		this.init();

diff --git a/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss b/ui/scss/core/components/individual_sim_ui/_apl_rotation_picker.scss
@@ -69,6 +69,15 @@
 		margin-right: map-get($spacers, 2);
 	}
 
+	.form-label {
+		font-size: $btn-font-size;
+		line-height: map-get($spacers, 4);
+	}
+
+	.form-control {
+		padding: calc($input-padding-y / 2) calc($input-padding-x / 2);
+	}
+
 	.number-picker-input {
 		width: 100% !important;
 	}
@@ -86,11 +95,6 @@
 		margin-bottom: map-get($spacers, 3) !important;
 	}
 
-	.form-label {
-		font-size: 1rem;
-		line-height: map-get($spacers, 4);
-	}
-
 	.input-root {
 		margin: 0;
 		width: auto;