# HG changeset patch
# User bsw
# Date 1533741603 -7200
# Node ID f6b61b418d8a5ff8cbdf4b7d184331012253e6cd
# Parent  8660219073923fc16302c09f0c4718693551e99f
Made checkbox material design

diff -r 866021907392 -r f6b61b418d8a app/main/registration/_register_form.lua
--- a/app/main/registration/_register_form.lua	Wed Aug 08 17:17:05 2018 +0200
+++ b/app/main/registration/_register_form.lua	Wed Aug 08 17:20:03 2018 +0200
@@ -92,15 +92,29 @@
       slot.put(" ")
       ui.tag{ tag = "input", attr = { type = "file", name = "verification_data_" .. field.name } }
       if field.optional_checkbox then
-        ui.container{ content = function()
-          ui.tag{ tag = "input", attr = {
-            type = "checkbox",
-            name = "verification_data_" .. field.name .. "_optout",
-            checked = request.get_param{ name = "verification_data_" .. field.name .. "_optout" } and "checked" or nil,
-          } }
-          slot.put(" ")
-          ui.tag{ content = field.optional_checkbox }
-        end }
+        ui.tag{ tag = "label", attr = {
+            class = "mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect",
+            ["for"] = "verification_data_" .. field.name .. "_optout"
+          },
+          content = function()
+            ui.tag{
+              tag = "input",
+              attr = {
+                type = "checkbox",
+                class = "mdl-checkbox__input",
+                id = "verification_data_" .. field.name .. "_optout",
+                name = "verification_data_" .. field.name .. "_optout",
+                value = "1",
+                style = "float: left;",
+                checked = request.get_param{ name = "verification_data_" .. field.name .. "_optout" } and "checked" or nil,
+              }
+            }
+            ui.tag{
+              attr = { class = "mdl-checkbox__label" },
+              content = field.optional_checkbox
+            }
+          end
+        }
       end
       
     elseif field.name == "unit" then