index.html.in: do-over of the legend/form spacing

The legend margin doesn't work the same way in Chrome as it does in
Firefox, so here's another attempt to "evenly" space things
vertically.

diff --git a/index.html.in b/index.html.in
index 372c3ed3ac681d4cf32741952bbb2442ca60f0ea..411dc47680ca953b0dcc0a6a6eb60419778e121f 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -9,6 +9,11 @@
     </title>
 
     <style>
+      fieldset {
+        margin-top: 1em;
+        padding-top: 1em;
+      }
+
       input[type=submit] {
         margin-top: 1em;
         margin-bottom: 1em;
@@ -16,8 +21,6 @@
 
       legend {
         font-weight: bold;
-        margin-top: 1em;
-        margin-bottom: 1em;
       }
 
       svg {
@@ -231,7 +234,7 @@
 
       <form>
         <fieldset>
-          <legend>BaltimoreLink (Bus, Light Rail, Metro)</legend>
+          <legend>Local Bus, Light Rail, or Metro</legend>
           <div>
             <label for="code1">
               Daily security code (optional):