Refactor Privacy to Overview, code cleanup

css/Pages/More/More.css

@@ -1,4 +1,4 @@
-@import url(Privacy.css);
+@import url(Overview.css);
 @import url(Settings.css);
 
 .subpages {

css/Pages/More/Overview.css

@@ -0,0 +1,54 @@
+.overview {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	max-width: 640px;
+	padding: 0 20px;
+	margin: 128px auto 88px;
+	text-align: right;
+}
+
+.overview > i {
+	font-size: 80px;
+}
+
+.overview .big {
+	font-size: 64px;
+	margin-bottom: -4px;
+}
+
+.overview .small {
+	opacity: .5;
+}
+
+.privacy-boxes {
+	display: flex;
+	text-align: left;
+	flex-wrap: wrap;
+	margin-bottom: 10px;
+}
+
+.privacy-boxes > div {
+	display: flex;
+	width: 50%;
+	min-width: 256px;
+	flex: 1;
+	padding: 8px;
+	align-items: center;
+}
+
+.privacy-boxes i {
+	color: var(--color);
+	text-shadow: 0 0 48px var(--color);
+	padding: 16px;
+	font-size: 28px;
+	border-radius: 32px;
+}
+
+.privacy-boxes .title {
+	font-size: 16px;
+}
+
+.privacy-boxes .subtitle {
+	opacity: .5;
+}

css/Pages/More/Privacy.css

@@ -1,75 +0,0 @@
-#report-boxes {
-	display: flex;
-	text-align: left;
-	flex-wrap: wrap;
-	margin-bottom: 8px;
-}
-
-#report-boxes i::after {
-	color: var(--color);
-	text-shadow: 0 0 48px var(--color);
-	padding: 16px;
-	font-size: 28px;
-	border-radius: 32px;
-}
-
-#report-boxes .icon-https::after {
-	--color: #0C7;
-	content: "lock";
-}
-
-#report-boxes .icon-rocket::after {
-	--color: #68F;
-	content: "rocket";
-}
-
-#report-boxes .prewarn i::after {
-	--color: #EA0;
-}
-
-#report-boxes .warn i::after {
-	--color: #F60;
-}
-
-#report-boxes .error i::after {
-	--color: #F22;
-}
-
-#report-boxes > div {
-	display: flex;
-	width: 50%;
-	min-width: 256px;
-	flex: 1;
-	padding: 20px 8px;
-	align-items: center;
-}
-
-#report-boxes .title {
-	font-size: 16px;
-}
-
-#report-boxes .subtitle {
-	opacity: .6;
-}
-
-.security {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	max-width: 540px;
-	padding: 24px;
-	margin: 120px auto 80px;
-	text-align: right;
-}
-
-.security i {
-	font-size: 80px;
-}
-
-.security #report-score {
-	font-size: 48px;
-}
-
-.security #report {
-	opacity: .6;
-}

css/Pages/More/Settings.css

@@ -1,4 +1,4 @@
-.settings {
+#settings {
 	margin: 32px auto;
 	padding: 0 16px;
 }

css/Pages/Pages.css

@@ -81,7 +81,7 @@
 	font-size: 26px;
 }
 
-.sub-switch {
+.subswitch {
 	display: flex;
 	background: var(--bg2);
 	transition: background .2s;
@@ -94,7 +94,7 @@
 	--id: inherit;
 }
 
-.sub-switch::before {
+.subswitch::before {
 	content: " ";
 	z-index: -1;
 	position: absolute;
@@ -108,7 +108,7 @@
 	transition: left .3s, background .3s;
 }
 
-.sub-switch div {
+.subswitch div {
 	padding: 12px;
 	width: 50%;
 	cursor: pointer;

css/main.css

@@ -16,6 +16,10 @@ body {
 	-webkit-tap-highlight-color: transparent;
 }
 
+* {
+	scrollbar-width: 0;
+}
+
 ::-webkit-scrollbar {
 	display: none;
 }