From f95b8ab22692e32512e614029600d8dc3cc261a3 Mon Sep 17 00:00:00 2001
From: Diogo Peralta Cordeiro <mail@diogo.site>
Date: Thu, 29 Apr 2021 21:20:40 +0100
Subject: [PATCH] [CSS] Fix invisible checkboxes

---
 public/assets/css/base.css              | 3 ---
 public/assets/css/base_mid.css          | 3 ---
 public/assets/css/base_small.css        | 3 ---
 public/assets/css/settings/settings.css | 1 +
 4 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 7d4c4d0e3a..9dbb247894 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -235,12 +235,9 @@ input.larger {
       box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
-      position: absolute;
       height: 1px;
       width: 1px;
       overflow: hidden;
-      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-      clip: rect(1px, 1px, 1px, 1px);
 }
 
 
diff --git a/public/assets/css/base_mid.css b/public/assets/css/base_mid.css
index 99292a78ff..a0e4d28d7a 100644
--- a/public/assets/css/base_mid.css
+++ b/public/assets/css/base_mid.css
@@ -263,12 +263,9 @@ input.larger {
       box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
-      position: absolute;
       height: 1px;
       width: 1px;
       overflow: hidden;
-      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-      clip: rect(1px, 1px, 1px, 1px);
 }
 
 
diff --git a/public/assets/css/base_small.css b/public/assets/css/base_small.css
index 468a46bf3c..6b867f6786 100644
--- a/public/assets/css/base_small.css
+++ b/public/assets/css/base_small.css
@@ -263,12 +263,9 @@ input.larger {
       box-shadow: 0 0 8px var(--accent);
 }
 .content input[type="checkbox"] {
-      position: absolute;
       height: 1px;
       width: 1px;
       overflow: hidden;
-      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-      clip: rect(1px, 1px, 1px, 1px);
 }
 
 
diff --git a/public/assets/css/settings/settings.css b/public/assets/css/settings/settings.css
index 4752e06e81..fe2fef4939 100644
--- a/public/assets/css/settings/settings.css
+++ b/public/assets/css/settings/settings.css
@@ -115,6 +115,7 @@ input[type=text] {
 .form input[type=checkbox] {
       float: left;
       margin-right: calc(var(--unit-size) * 0.5);
+      margin-top: calc(var(--unit-size) * 0.2);
 }
 
 button[type=submit] {