Improve CSS for participant form

static/css/style.css

@@ -29,6 +29,10 @@ input[type=text] {
     border-style: solid;
 }
 
+.participant_form label {
+    width: 300px;
+}
+
 .red {
     color: #e00;
 }

templates/participate.html

@@ -17,12 +17,20 @@ measurements.  Manual validation is performed for each registration.</p>
 they launch measurements.  This allows users to contact you if they want
 to peer.</p>
 
-<form action="/create/participant" method="POST">
-Machine name (required): <input type="text" name="name" /><br />
-Mean of contacting you, like IRC nick, mail address, ... (optional): <input type="text" name="contact" /><br />
-Country code where this machine is located (optional): <input type="text" name="country" /><br />
-Free-form comment, like tunnel technology (GRE, OpenVPN, ...), or things like &quot;very shitty DSL&quot; (optional): <input type="text" name="comment" /><br />
-<input type="submit" value="Register" />
+<form class="participant_form" action="/create/participant" method="POST">
+  <label for="name">Machine name (required)</label>
+  <input type="text" name="name" id="name" /><br />
+
+  <label for="contact">Mean of contacting you, like IRC nick, mail address, ... (optional)</label>
+  <input type="text" name="contact" id="contact" /><br />
+
+  <label for="country">Country code where this machine is located (optional)</label>
+  <input type="text" name="country" id="country" /><br />
+
+  <label for="comment">Free-form comment, like tunnel technology (GRE, OpenVPN, ...), or things like &quot;very shitty DSL&quot; (optional)</label>
+  <input type="text" name="comment" id="comment" /><br />
+
+  <input type="submit" value="Register" />
 </form>
 
 <h3>Measurement script</h3>