Use CSS to layout applicative forms more nicely on the pages

templates/default-layout.cassius

@@ -53,8 +53,26 @@ h6
     color: #{dark yellow}
     font:  bold 80% monospace
 
+.required, .optional, .submit
+    display: grid
+    grid-gap: 0px 10px
+    grid-template-columns: 150px 300px
+    padding: 10px
+
+label
+    display: inline-grid
+    width: 100%
+    text-align: right
+
+input:not[type="submit"], select, textarea
+    display: inline-grid
+    width: 100%
+
 input[type="submit"]
+    display: inline-grid
+    width: 50%
     padding:       0.618em
+    grid-column-start: 2
     border:        none
     border-radius: 0.618em
 

templates/discussion/reply.hamlet

@@ -16,4 +16,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{replyP midParent} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/discussion/top-reply.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{replyP} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/group/member/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{GroupMembersR shar} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/group/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{GroupsR} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/key/new.hamlet

@@ -16,4 +16,5 @@ Enter the details and click "Submit" to add a new SSH key.
 
 <form method=POST action=@{KeysR} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/person-new.hamlet

@@ -16,4 +16,5 @@ Enter your details and click on "Submit" to create a new user account.
 
 <form method=POST action=@{PeopleR} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/person/notifications.hamlet

@@ -14,7 +14,8 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{NotificationsR shr} enctype=#{enctypeAll}>
   ^{widgetAll}
-  <input type=submit value="Mark all as read">
+  <div class="submit">
+    <input type="submit" value="Mark all as read">
 
 <div>
   $forall ((obj, (time, isRemote)), widget, enctype) <- notifications
@@ -34,6 +35,7 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
     <form method=POST action=@{NotificationsR shr} enctype=#{enctype}>
       ^{widget}
-      <input type=submit value="Mark as read">
+      <div class="submit">
+        <input type="submit" value="Mark as read">
 
     <hr>

templates/project/collab/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ProjectDevsR shr rp} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/project/edit.hamlet

@@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 <form method=POST action=@{ProjectR shr prj} enctype=#{enctype}>
   <input type=hidden name=_method value=PUT>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/project/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ProjectsR shr} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+      <input type="submit">

templates/project/role/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ProjectRolesR shr} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/project/role/op/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ProjectRoleOpsR shr rl} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/repo/collab/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{RepoDevsR shr rp} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/repo/edit.hamlet

@@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 <form method=POST action=@{RepoR shr rp} enctype=#{enctype}>
   <input type=hidden name=_method value=PUT>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/repo/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ReposR user} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/ticket/assign.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{TicketAssignR shr prj num} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/ticket/claim-request/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{ClaimRequestsTicketR shr prj num} enctype=#{etype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/ticket/dep/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=POST action=@{TicketDepsR shr prj num} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/ticket/edit.hamlet

@@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 <form method=POST action=@{TicketR shar proj num} enctype=#{enctype}>
   <input type=hidden name=_method value=PUT>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/ticket/list.hamlet

@@ -20,7 +20,8 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method=GET action=@{TicketsR shr prj} enctype=#{filtEnctype}>
   ^{filtWidget}
-  <input type="submit" value="Filter">
+  <div class="submit">
+    <input type="submit" value="Filter">
 
 <ul>
   $forall ts <- rows

templates/ticket/new.hamlet

@@ -16,4 +16,5 @@ Enter the details and click "Submit" to create a new ticket.
 
 <form method=POST action=@{TicketsR shr prj} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">

templates/workflow/enum/ctor/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method="POST" action=@{WorkflowEnumCtorsR shr wfl enm} enctype=#{etype}>
   ^{widget}
-  <input type="submit">
+  <div class="submit">
+    <input type="submit">

templates/workflow/enum/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method="POST" action=@{WorkflowEnumsR shr wfl} enctype=#{enctype}>
   ^{widget}
-  <input type="submit">
+  <div class="submit">
+    <input type="submit">

templates/workflow/field/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method="POST" action=@{WorkflowFieldsR shr wfl} enctype=#{enctype}>
   ^{widget}
-  <input type="submit">
+  <div class="submit">
+    <input type="submit">

templates/workflow/new.hamlet

@@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
 
 <form method="POST" action=@{WorkflowsR shr} enctype=#{enctype}>
   ^{widget}
-  <input type=submit>
+  <div class="submit">
+    <input type="submit">