terminal settings page and backend

html_orig/sass/form/_form_layout.scss

@@ -5,7 +5,7 @@ form { @include naked(); }
 	width: $form-field-w;
 }
 
-input[type="number"] {
+input[type="number"], input.short {
 	width: $form-field-w/2;
 }
 
@@ -20,7 +20,7 @@ input[type="number"] {
 	}
 }
 
-form .Row {
+.Row {
 	vertical-align: middle;
 	margin: 12px auto;
 	text-align: left;
@@ -132,6 +132,7 @@ form .Row {
 	// special phone style
 	@include media($phone) {
 		flex-direction: column;
+		margin: 6px auto;
 
 		&.buttons, &.centered, &.checkbox {
 			flex-direction: row;
@@ -165,7 +166,7 @@ form .Row {
 			}
 		}
 
-		#{$all-text-inputs}, input[type="range"], textarea {
+		#{$all-text-inputs}, input[type="range"], textarea, select {
 			width: 100%;
 		}
 	}

html_orig/sass/layout/_box.scss

@@ -15,10 +15,13 @@
 
 	h2 {
 		margin-top: 0;
+		margin-bottom: 0 !important;
 	}
 
 	border-radius: 3px;
 	background-color: rgba(white, .07);
+	box-shadow: 0 0 4px black;
+	border: 1px solid #4f4f4f;
 
 	&.wide {
 		width: initial;
@@ -52,6 +55,25 @@
 			}
 		}
 	}
+
+	&.str.mobopen .Row.buttons {
+		top: 0;
+		margin-top: dist(-1);
+	}
+
+	.Row.explain {
+		max-width: 600px; margin-left: 0;
+		@include media($phone) {
+			margin-top: 60px;
+		}
+	}
+	&.mobopen .Row.explain {
+		margin-top: 12px; // default from .Row
+
+		@include media($phone) {
+			margin-top: 18px;
+		}
+	}
 }
 
 @include media($phone) {
@@ -71,8 +93,6 @@
 				font-weight: bold;
 				transform: translate(0,-50%) rotate(90deg);
 			}
-
-			margin-bottom: 0 !important;
 		}
 
 		&.expanded h2::after {