From 26890b91453e52c91e4d055a759c4962e8cece57 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.jank@protonmail.com>
Date: Fri, 17 Mar 2023 19:20:15 +0100
Subject: [PATCH] Settings: change layout

---
 css/main.css | 19 ++++++++++++-------
 index.html   | 12 ++----------
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/css/main.css b/css/main.css
index d9ea8da..b337f93 100644
--- a/css/main.css
+++ b/css/main.css
@@ -347,15 +347,16 @@ a.box {
 }
 
 .settings {
-	margin: 12px 16px 32px;
+	margin: 4px 8px 24px;
+	display: flex;
+	justify-content: center;
 }
 .setting {
 	background: var(--bg2);
-	max-width: 640px;
+	max-width: 192px;
+	width: 100%;
 	border-radius: 16px;
-	margin: 8px auto;
-	display: flex;
-	align-items: center;
+	margin: 8px;
 	padding: 12px;
 	text-align: left;
 	cursor: pointer;
@@ -364,9 +365,13 @@ a.box {
 .setting:hover {
 	background: #DDD8;
 }
+.setting div {
+	display: block;
+	text-align: center;
+}
 .setting .icon {
-	margin-right: 8px;
-	padding: 12px;
+	margin: 12px;
+	font-size: 36px;
 }
 .setting.checked {
 	color: #EEE;
diff --git a/index.html b/index.html
index b4ef007..4605d5f 100644
--- a/index.html
+++ b/index.html
@@ -92,19 +92,11 @@
 						<div class="settings">
 							<div class="setting" onclick="switch_theme()" id="setting-theme">
 								<div class="icon">dark_mode</div>
-								<div class="text">
-									<div class="name">Dark mode</div>
-									<div class="desc">Whether to show dark background & wallpaper.</div>
-								</div>
-								<div class="value"></div>
+								<div class="name">Dark mode</div>
 							</div>
 							<div class="setting" onclick="new_tab_toggle()" id="setting-newtab">
 								<div class="icon">open_in_new</div>
-								<div class="text">
-									<div class="name">Open in new tab</div>
-									<div class="desc">Whether to open services in new tab by default.</div>
-								</div>
-								<div class="value"></div>
+								<div class="name">Open in new tab</div>
 							</div>
 						</div>
 					</div>