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 @@
dark_mode
-
-
Dark mode
-
Whether to show dark background & wallpaper.
-
-
+
Dark mode
open_in_new
-
-
Open in new tab
-
Whether to open services in new tab by default.
-
-
+
Open in new tab