From 9cfe1369cc674871e3e9916611798a208f076909 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 6 Oct 2023 16:28:44 +0300
Subject: [PATCH] reduce padding-top on setting checkboxes on mobile

---
 files/assets/css/main.css              | 9 +++++++++
 files/templates/settings/advanced.html | 2 +-
 files/templates/settings/common.html   | 2 +-
 files/templates/settings/security.html | 2 +-
 files/templates/sub/settings.html      | 2 +-
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index d192cad18..47684612d 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -3256,6 +3256,9 @@ a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus
 }
 
 @media (min-width: 992px) {
+	.pt-lg-3 {
+		padding-top: 1rem !important;
+	}
 	.mx-lg-5 {
 		margin-right: 3rem !important;
 	}
@@ -7643,3 +7646,9 @@ ul {
 	-webkit-animation: lgbt-patron 8s linear infinite;
 	animation: lgbt-patron 8s linear infinite;
 }
+
+@media (max-width: 768px) or (min-width: 992px) {
+	#sidebar-btn {
+		display: None !important;
+	}
+}
diff --git a/files/templates/settings/advanced.html b/files/templates/settings/advanced.html
index 348890b90..b55e4c736 100644
--- a/files/templates/settings/advanced.html
+++ b/files/templates/settings/advanced.html
@@ -12,7 +12,7 @@
 						<div class="title w-lg-25">
 							<label for="poor">Poor Mode</label>
 						</div>
-						<div class="body w-lg-100">
+						<div class="body w-lg-100 pt-1 pt-lg-3">
 							<div class="custom-control custom-switch">
 								<input autocomplete="off" type="checkbox" class="custom-control-input setting_switch" data-nonce="{{g.nonce}}" id="poor" name="poor"{% if v.poor %} checked{% endif %}>
 								<label class="custom-control-label" for="poor"></label>
diff --git a/files/templates/settings/common.html b/files/templates/settings/common.html
index bf7bc582c..a46f1693d 100644
--- a/files/templates/settings/common.html
+++ b/files/templates/settings/common.html
@@ -5,7 +5,7 @@
 	<div class="title w-lg-25">
 		<label for="{{id}}">{{title}}</label>
 	</div>
-	<div class="body w-lg-100">
+	<div class="body w-lg-100 pt-1 pt-lg-3">
 		<div class="custom-control custom-switch">
 			<input autocomplete="off" type="checkbox" class="custom-control-input setting_switch" data-nonce="{{g.nonce}}" id="{{id}}" name="{{name}}"{% if flag %} checked{% endif %} {% if disabled %}disabled{% endif %}>
 			<label class="custom-control-label" for="{{id}}"></label>
diff --git a/files/templates/settings/security.html b/files/templates/settings/security.html
index e9cf6756b..4e0ae379b 100644
--- a/files/templates/settings/security.html
+++ b/files/templates/settings/security.html
@@ -91,7 +91,7 @@
 					<div class="title w-lg-25">
 						<label for="2faToggle">Use Two-Factor Authentication</label>
 					</div>
-					<div class="body w-lg-100">
+					<div class="body w-lg-100 pt-1 pt-lg-3">
 						<div class="custom-control custom-switch">
 						<input autocomplete="off" type="checkbox" class="custom-control-input" id="2faToggle" name="2faToggle" data-nonce="{{g.nonce}}" {% if v.mfa_secret %}checked{% endif %}>
 						<label class="custom-control-label" for="2faToggle"></label>
diff --git a/files/templates/sub/settings.html b/files/templates/sub/settings.html
index cfaaba06c..adf6ab925 100644
--- a/files/templates/sub/settings.html
+++ b/files/templates/sub/settings.html
@@ -6,7 +6,7 @@
 <div class="title mt-5">
 	<label class="text-lg" for="stealth">Stealth Mode</label>
 </div>
-<div class="d-inline-block w-lg-100">
+<div class="d-inline-block w-lg-100 pt-1 pt-lg-3">
 	<div class="custom-control custom-switch">
 		<input autocomplete="off" type="checkbox" class="custom-control-input" id="stealth" name="stealth" {% if sub.stealth %}checked{% endif %} data-nonce="{{g.nonce}}" data-onchange="postToastSwitch(this,'/h/{{sub}}/stealth')">
 		<label class="custom-control-label" for="stealth"></label>