From 2e05eb78e42230072a80fdd95c26b2f3f32d17a5 Mon Sep 17 00:00:00 2001
From: Mickael Kerjean <mickael@kerjean.me>
Date: Thu, 18 May 2023 18:43:39 +1000
Subject: [PATCH] chore (ux): small design improvement

---
 client/components/formbuilder.scss | 6 +++---
 client/components/input.scss       | 4 ++--
 client/pages/adminpage.scss        | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/components/formbuilder.scss b/client/components/formbuilder.scss
index 54036120..70193f84 100644
--- a/client/components/formbuilder.scss
+++ b/client/components/formbuilder.scss
@@ -1,9 +1,9 @@
 .formbuilder{
     .description{
-        margin-top: -5px;
+        margin-top: -2px;
         margin-bottom: 10px;
-        opacity: 0.5;
-        font-size: 0.95em;
+        opacity: 0.6;
+        font-size: 0.9em;
         line-height: 1em;
         text-align: justify;
     }
diff --git a/client/components/input.scss b/client/components/input.scss
index 38b5e9a9..34463f50 100644
--- a/client/components/input.scss
+++ b/client/components/input.scss
@@ -51,8 +51,8 @@ input.component_input[readonly], textarea.component_textarea[readonly]{
     user-select: none;
     input[type="checkbox"] {
         position: absolute;
-        top: -20px;
-        opacity: 0;
+        top: 0px;
+        visibility: hidden;
         &:focus ~ span {
             border: 2px solid rgba(0, 0, 0, 0.05);
         }
diff --git a/client/pages/adminpage.scss b/client/pages/adminpage.scss
index 4d82a2a1..4aa0fc9e 100644
--- a/client/pages/adminpage.scss
+++ b/client/pages/adminpage.scss
@@ -67,7 +67,7 @@
                     margin-top: auto;
                     margin-bottom: auto;
                 }
-                .component_checkbox .indicator { top: 5px; }
+                .component_checkbox .indicator { top: 6px; }
             }
         }
         a{
@@ -101,7 +101,7 @@
 
     .formbuilder > div > label {
         display: block;
-        border-bottom: 2px dashed rgba(0,0,0,0.1);
+        border-bottom: 2px dashed rgba(100,100,100,0.1);
         margin-bottom: 15px;
         padding-bottom: 5px;
         margin-top: 15px;