From cccbd146cceca0b2fe30e5fb7821a4a01cd7e73b Mon Sep 17 00:00:00 2001
From: Gregor Kleen <gregor.kleen@ifi.lmu.de>
Date: Fri, 28 Feb 2020 09:12:46 +0100
Subject: [PATCH] style: improve explained-selection-field styling

---
 frontend/src/utils/form/form.sass | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/utils/form/form.sass b/frontend/src/utils/form/form.sass
index ff093901c..6cc61d189 100644
--- a/frontend/src/utils/form/form.sass
+++ b/frontend/src/utils/form/form.sass
@@ -41,23 +41,25 @@ fieldset
 
   .explained-selection-field__option
     display: grid
-    grid-gap: 5px 7px
-    grid-template-columns: 30px 1fr
-    grid-template-rows: 2em 1fr
+    grid-gap: 0 7px
+    grid-template-columns: 25px 1fr
+    grid-template-rows: 25px 1fr
     grid-template-areas: 'radiobox title' '. explanation'
     margin: 5px
-    max-width: 500px
+    width: calc(33.33% - 10px)
 
     .explained-selection-field__input
       grid-area: radiobox
       place-self: center center
       width: 20px
       height: 20px
+      cursor: pointer
 
     .explained-selection-field__label
       grid-area: title
       place-self: center stretch
       font-weight: 600
+      cursor: pointer
 
     .explained-selection-field__explanation
       grid-area: explanation