use grid layout for form

beitritt.typ

@@ -25,29 +25,34 @@
   if length == 100% {
      gap = 1fr;
   }
-  box(width: gap, line(length:length, stroke: 1.5pt))
+  box(height: -5pt, width: gap, line(length:length, stroke: 1.5pt))
 }
 
 
 = Beitrittserklärung
 #v(1em)
 
-#box(width: 10cm, [
-Hiermit trete ich dem flipdot e.V. ab dem
-Ersten #inputbox(length: 5em) 20#inputbox(length: 2em) als Mitglied bei,
-und erkenne die Satzung
-(https://flipdot.org/wiki/Satzung) und
-die Ziele des Vereins an.
+#box(width: 12cm, [
+  Hiermit trete ich dem flipdot e.V. ab dem
+  Ersten #inputbox(length: 5em) 20#inputbox(length: 2em) als Mitglied bei,
+  und erkenne die Satzung
+  (https://flipdot.org/satzung) und
+  die Ziele des Vereins an.
 
-Vorname: #inputbox()\
-Nachname: #inputbox()\
-Nick: #inputbox()
+  #grid(
+     columns:(100pt, auto),
+     gutter: 0.75em,
 
-Straße, Nr: #inputbox()\
-PLZ, Ort: #inputbox()\
-Volljährig: #checkbox Ja #checkbox Nein\
-E-Mail: #inputbox()\
-Telefon (opt.): #inputbox()\
+     align: (right+bottom, left+bottom),
+  [Vorname:],        [#inputbox()],
+  [Nachname:],       [#inputbox()],
+  [Nick:],           [#inputbox()],
+  [Straße, Nr:],     [#inputbox()],
+  [PLZ, Ort:],       [#inputbox()],
+  [Volljährig:],     [#checkbox Ja, #checkbox Nein],
+  [E-Mail:],         [#inputbox()],
+  [Telefon (opt.):], [#inputbox()]
+  )
 ])
 
 Ort, Datum & Unterschrift
@@ -76,5 +81,5 @@ Kontoinhaber: flipdot e.V., IBAN: DE07520503530001147713\
 Sparkasse Kassel
 
 Dieses Blatt einem Vorstand im Space geben oder per mail an
-com\@flipdot.org\
-FAQ: https://flipdot.org/wiki/FAQ
+vorstand\@flipdot.org\
+FAQ: https://flipdot.org/faq/