commit 0457b90e90cfbc74e049003fb79721d93acd68a7
parent 9d7f4a68ec3c994ccc2086aee05bb077b3ef6ce8
Author: mcol <mcol@posteo.net>
Date:   Wed,  1 Jul 2020 12:56:06 +0100

clean up panel CSS and appearance

Diffstat:
M
src/components/colour/index.css
 | 
1
+
M
src/components/optbox/index.css
 | 
1
+
M
src/components/option/index.css
 | 
8
++++++--

3 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/colour/index.css b/src/components/colour/index.css
@@ -2,4 +2,5 @@ span.rc-color-picker-trigger {
     border: 2px solid rgba(0, 0, 0, 0);
     display: initial;
     padding: 5px 14px;
+    margin-right: 10px;
 }
diff --git a/src/components/optbox/index.css b/src/components/optbox/index.css
@@ -14,6 +14,7 @@
 
 .optbox > div {
     width: 100%;
+    margin: 7px;
 }
 
 .optbox input {
diff --git a/src/components/option/index.css b/src/components/option/index.css
@@ -1,5 +1,9 @@
 .switch {
     display: inline-block;
+    border: 2px solid rgba(255, 255, 255, 0.1);
+    border-radius: 4px;
+    background-color: rgba(255, 255, 255, 0.1);
+    margin-left: 10px;
 }
 
 input.switch {
@@ -10,16 +14,16 @@ input.switch {
 .switch input {
     position: absolute;
     opacity: 0;
+    z-index: -1;
 }
 
 .switch input + label {
     margin: 1px;
     padding: 4px 6px;
     display: inline-block;
-    color: #fff;
     cursor: pointer;
 }
 
 .switch input:checked + label {
-    background: green;
+    background-color: rgba(255, 255, 255, 0.25);
 }