Use the search to view either punctual or monthly payments

1 files changed, 14 insertions, 10 deletions

diff --git a/src/server/Design/Form.hs b/src/server/Design/Form.hs
index 4bd1ad6..c2537f1 100644
--- a/src/server/Design/Form.hs
+++ b/src/server/Design/Form.hs
@@ -66,14 +66,18 @@ design = do
       color Color.silver
       marginBottom (em 0.8)
 
-    ".radioElems" ? do
+    ".radioInputs" ? do
       display flex
-      "justify-content" -: "space-around"
-
-      label ? do
-        marginBottom (px 5)
-        display block
-        cursor pointer
-        input ? do
-          margin (px 0) (px 8) (px (-1)) (px 0)
-          cursor pointer
+      "justify-content" -: "center"
+
+      ".radioInput:not(:last-child)::after" ? do
+        content (stringContent "/")
+        marginLeft (px 10)
+        marginRight (px 10)
+
+      input ? display none
+      label ? cursor pointer
+
+      "input:checked + label" ? do
+        color Color.chestnutRose
+        fontWeight bold