Layout/style improvements/fixes

Author: kfranqueiro

partials/layout.html

@@ -55,6 +55,10 @@
                 border: none;
             }
 
+            .either fieldset + fieldset {
+                margin: 0;
+            }
+
             .either fieldset:first-child {
                 border-bottom: 0.5rem solid var(--bg-accent);
             }
@@ -80,11 +84,12 @@
             }
 
             footer {
-                text-align: center;
+                display: flex;
+                justify-content: space-between;
                 margin: 1em;
-                margin-top: 5em;
-                border-top: 0.2rem solid;
-                padding: 0.5em;
+                margin-top: 3em;
+                border-top: 2px solid;
+                padding: 0.5em 0;
             }
         </style>
         {% block head %}{% endblock %}
@@ -96,7 +101,8 @@ <h1>{{ title }}</h1>
             {% block %}{% endblock %}
         </form>
         <footer>
-            <p><a href="https://github.com/w3c/spec-generator">GitHub</a></p>
+            {% block footer %}<div></div>{% endblock %}
+            <a href="https://github.com/w3c/spec-generator">GitHub</a>
         </footer>
     </body>
 </html>

views/bikeshed.html

@@ -12,12 +12,11 @@
 
     fieldset div label:first-child {
         display: inline-block;
-        width: 12em;
+        width: 10em;
     }
 </style>
 {% endblock %}
 {% block %}
-<p><a href="../">Switch to Respec</a></p>
 <fieldset>
     <legend>Document type</legend>
     {% for item in bikeshedTypes %}
@@ -40,8 +39,10 @@
         </select>
     </div>
     <div class="spec-only">
-        <label for="date">Date (defaults to <code>now</code>)</label>
-        <input name="md-date" id="date">
+        <div>
+            <label for="date">Date <i>(YYYY-MM-DD)</i></label>
+            <input name="md-date" id="date">
+        </div>
     </div>
     <div class="spec-only">
         <input type="checkbox" name="md-prepare-for-tr" value="yes" id="tr">
@@ -56,7 +57,7 @@
             URL
         </label>
         <input type="url" name="url" id="url"
-            placeholder="https://raw.githubusercontent.com/w3c/wcag-act/refs/heads/main/act-rules-format/act-rules-format.bs" />
+            placeholder="https://raw.githubusercontent.com/w3c/process/refs/heads/main/index.bs" />
         <button formmethod="GET">Generate</button>
     </fieldset>
     <fieldset>
@@ -71,3 +72,6 @@
     </fieldset>
 </div>
 {% endblock %}
+{% block footer %}
+<a href="../">Switch to Respec</a>
+{% endblock %}

views/respec.html

@@ -1,6 +1,5 @@
 {% layout layout.html, title: "Convert ReSpec document to HTML" %}
 {% block %}
-<p><a href="bikeshed/">Switch to Bikeshed</a></p>
 <div class="either">
     <fieldset>
         <label for="url">Spec URL (with optional query parameters)</label>
@@ -17,3 +16,6 @@
     </fieldset>
 </div>
 {% endblock %}
+{% block footer %}
+<a href="bikeshed/">Switch to Bikeshed</a>
+{% endblock %}