css for Box folding, impl network forget

html_orig/sass/app.scss

@@ -36,17 +36,17 @@ $c-form-highlight-a: #2ea1f9;
 // media queries
 
 @include media($tablet-min) {
-	.mq-phone { display: none; }
+	.mq-phone { display: none!important; }
 }
 
 @include media($phone) {
-	.mq-tablet-min { display: none; }
+	.mq-tablet-min, .mq-no-phone { display: none !important; }
 }
 
 @include media($normal-min) {
-	.mq-tablet-max { display: none; }
+	.mq-tablet-max { display: none !important; }
 }
 
 @include media($tablet-max) {
-	.mq-normal-min { display: none; }
+	.mq-normal-min { display: none !important; }
 }

html_orig/sass/layout/_box.scss

@@ -36,21 +36,16 @@
 
 	&.str {
 		position: relative;
-
-		.Row.buttons {
+		.Row.mq-phone {
 			position: absolute;
 			right: dist(0);
-			top: 2.7em;
-			margin: 12px auto;
+			margin: 1rem auto;
 		}
-
-		@include media($tablet-min) {
-			.Row.buttons {
-				//position: absolute;
-				right: 0;
-				top: 0;
-				//margin: 12px auto;
-			}
+		.Row.mq-no-phone {
+			position: absolute;
+			right: 0;
+			top: 0;
+			margin-top: dist(-1);
 		}
 	}
 }
@@ -60,6 +55,7 @@
 		h2 {
 			position: relative;
 			cursor: pointer;
+			padding-right: 1.3rem;
 
 			&::after {
 				position: absolute;

html_orig/sass/layout/_content.scss

@@ -21,16 +21,21 @@
 		margin-bottom: dist(0);
 	}
 
+	h2 {
+		font-size: fsize(3);
+		margin-bottom: dist(-1);
+	}
+
 	@include media($phone) {
 		h1 {
 			font-size: fsize(5);
 			margin-bottom: dist(-1);
 		}
-	}
 
-	h2 {
-		font-size: fsize(3);
-		margin-bottom: dist(-1);
+		h2 {
+			font-size: fsize(2);
+			margin-bottom: dist(-1);
+		}
 	}
 
 	td, th {

html_orig/sass/pages/_wifi.scss

@@ -110,6 +110,13 @@
 	}
 }
 
+.AP-preview-nil {
+	padding: dist(-2) dist(-1);
+	background: rgba(black, .1);
+	border-radius: 3px;
+	border: 2px dashed black;
+}
+
 .AP-preview {
 	.wrap {
 		@extend %ap-inner;