Much better wifi config, added display for IP etc, improved "connecting" page

html_orig/sass/_layout.scss

@@ -42,6 +42,10 @@ a:hover {
 	//	margin-top: 0;
 	//}
 
+	p:first-child {
+		margin-top:0;
+	}
+
 	border-radius: 3px;
 	background-color: rgba(white, .07);
 
@@ -91,10 +95,11 @@ body {
 		}
 	}
 
-	//h2 {
-	//	font-size: fsize(3);
-	//	margin-bottom: dist(-1);
-	//}
+	h2 {
+		font-size: fsize(2);
+		margin-bottom: dist(-1);
+		&:first-child{margin-top:0}
+	}
 
 	td, th {
 		padding: dist(-2);

html_orig/sass/_modal.scss

@@ -0,0 +1,78 @@
+.Modal {
+	position: fixed;
+	width: 100%; height: 100%;
+	left: 0; top: 0; right: 0; bottom: 0;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	transition: opacity .5s;
+	background: rgba(black, .65);
+	opacity: 0;
+	&.visible { opacity: 1 }
+	&.hidden { display: none }
+}
+
+.Dialog {
+	margin: dist(-1);
+	padding: dist(0);
+	overflow: hidden;
+
+	max-width: 100%;
+	max-height: 100%;
+	flex: 0 1 30rem;
+	//min-height: 15rem;
+
+	background: #1c1c1e;
+	border-left: 6px solid $c-form-highlight-a;
+	border-right: 6px solid $c-form-highlight-a;
+	box-shadow: 0 0 2px 0 #434349, 0 0 6px 0 black;
+
+	border-radius: 6px;
+
+	h1,h2 {
+		margin-top:0;
+	}
+
+	p:last-child {
+		margin-bottom: 0;
+	}
+}
+
+/*
+// "toast"
+.NotifyMsg {
+	position: fixed;
+	bottom: dist(2);
+	padding: dist(-1) dist(0);
+
+	// center horizontally
+	left: 50%;
+	@include translate(-50%,0);
+	// hack to remove blur in chrome
+	-webkit-font-smoothing: subpixel-antialiased;
+	-webkit-transform: translateZ(0) scale(1.0, 1.0);
+
+	background: #37a349;
+	&.error {
+		background: #d03e42;
+	}
+
+	color: white;
+	text-shadow: 0 0 2px black;
+	box-shadow: 0 0 6px 0 rgba(black, .6);
+	border-radius: 5px;
+
+	max-width: 80%;
+
+	@include media($phone) {
+		width: calc(100% - #{dist(0)});
+	}
+
+	transition: opacity .5s;
+	opacity: 0;
+	&.visible { opacity: 1 }
+	&.hidden { display: none }
+}
+*/

html_orig/sass/app.scss

@@ -32,6 +32,7 @@ $c-form-highlight-a: #2972ba;
 	cursor: pointer;
 }
 
+@import "modal";
 @import "layout";
 @import "form/index";
 

html_orig/sass/form/_buttons.scss

@@ -24,7 +24,7 @@ $btn-orange-b: #dd8751;
 $btn-orange-fa: #FEFEFE;
 $btn-orange-ba: #C6733F;
 
-button, input[type=submit] {
+button, input[type=submit], .button {
 	@include fancy-btn-base();
 
 	&.narrow {

html_orig/sass/form/_index.scss

@@ -1,5 +1,13 @@
 @import 'fancy_button_mixins';
 @import 'buttons';
 @import 'form_elements';
+
+%form-row-spacing {
+	& > * {
+		margin-right: dist(-2);
+		&:last-child { margin-right: 0 }
+	}
+}
+
 //@import 'form_layout';
 //@import 'select';

html_orig/sass/pages/_term.scss

@@ -13,7 +13,10 @@
 			white-space: pre;
 			cursor: pointer;
 			&:hover {
-				outline: 1px solid rgba(#ffffff,0.5);
+				outline: 1px solid rgba(#ffffff,0.4);
+				@include media($tablet-max) {
+					outline: 0 none;
+				}
 			}
 		}
 	}

html_orig/sass/pages/_wifi.scss

@@ -13,17 +13,36 @@
 	margin: 0 (- dist(-3));
 }
 
-#ap-loader {
+#ap-loader, #ap-noscan {
 	background: rgba(white, .1);
 	border-radius: 5px;
 	padding: dist(-2);
 	margin-bottom: dist(-2);
 }
 
+#ap-noscan {
+	font-weight: bold;
+}
+
 #ap-box {
 	padding-bottom: dist(-2);
 }
 
+#psk-modal form {
+	@extend %form-row-spacing;
+	display: flex;
+	align-items: center;
+	margin: dist(-2);
+
+	input[type=password] {
+		min-width: 5rem;
+	}
+}
+
+#wificonfbox form {
+	@extend %form-row-spacing;
+}
+
 .AP {
 	// can't use margins inside a column