From 7c1876dd5c8e72668ec791bca2c4247f6b823c77 Mon Sep 17 00:00:00 2001
From: rr- <rr-@sakuya.pl>
Date: Sun, 10 Apr 2016 00:25:16 +0200
Subject: [PATCH] client/views: fix radio buttons

---
 client/css/forms.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/css/forms.css b/client/css/forms.css
index 81b5b027..bc19cf15 100644
--- a/client/css/forms.css
+++ b/client/css/forms.css
@@ -20,7 +20,7 @@ form .input {
 form .buttons {
     margin-top: 1em;
 }
-form .input li:first-child label,
+form .input li:first-child label:not(.radio):not(.checkbox),
 form .input li:first-child {
     padding-top: 0;
     margin-top: 0;
@@ -33,7 +33,7 @@ form.tabular ul {
 form.tabular ul li {
     display: table-row;
 }
-form.tabular ul li label {
+form.tabular ul li label:not(.radio):not(.checkbox) {
     display: table-cell;
     width: 33%;
 }
@@ -48,7 +48,6 @@ form.tabular .buttons {
  * Radio buttons and checkboxes
  */
 input[type=radio], input[type=checkbox] {
-    float: left;
     position: absolute;
     opacity: 0;
 }
@@ -63,6 +62,9 @@ input[type=radio], input[type=checkbox] {
 .radio:hover:before, .checkbox:hover:before {
     border-color: var(--main-color);
 }
+.radio:before {
+    border-radius: 100%;
+}
 .radio:before, .checkbox:before {
     transition: border-color 0.1s linear;
     position: absolute;
@@ -77,6 +79,7 @@ input[type=radio], input[type=checkbox] {
     content: '';
 }
 .radio:after {
+    background: var(--main-color);
     transition: opacity 0.1s linear;
     position: absolute;
     top: 50%;