From fc6218c84d20860328e6d3ef3b79ab4fb04bed11 Mon Sep 17 00:00:00 2001
From: ManeraKai <manerakai@protonmail.com>
Date: Mon, 29 Jan 2024 18:15:31 +0300
Subject: Made popup mobile-friendly
 https://github.com/libredirect/browser_extension/issues/874

---
 src/pages/stylesheets/styles.css | 51 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

(limited to 'src/pages/stylesheets')

diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 2519a05f..2aa52d57 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -388,4 +388,55 @@ input:disabled {
 		width: 750px;
 		padding: 0 55px;
 	}
+}
+
+html.mobile img,
+html.mobile svg {
+	margin-right: 10px;
+	height: 30px;
+	width: 30px;
+	color: var(--text);
+}
+
+html.mobile div.block {
+	padding: 0 15px;
+	justify-content: space-between;
+	display: flex;
+	align-items: center;
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+html.mobile div.block input[type="checkbox"] {
+	width: 58px;
+	height: 30px;
+}
+
+html.mobile div.block input[type="checkbox"]::before {
+	width: 24px;
+	height: 24px;
+	top: 3px;
+	left: 3.5px;
+}
+
+html.mobile div.block input[type="checkbox"]:checked::before {
+	left: 30px;
+}
+
+html.mobile body.option {
+	flex-direction: column;
+	width: 100%;
+	padding: 0;
+	align-items: center;
+}
+
+
+html.mobile section.links {
+	flex-direction: row;
+	width: 100%;
+	padding: 0 55px;
+}
+
+html.mobile section.block-option {
+	width: 100%;
 }
\ No newline at end of file
-- 
cgit 1.4.1