Fix wonky job menu

jobs/templates/base.html

@@ -72,8 +72,8 @@
     {% endif %}
    </ul>
   </header>
-  <div class="container-fluid py-3 sticky-top"
-       style="height: 80px; background: inherit">
+  <div class="container-lg-fluid pt-2 sticky-top"
+       style="background: inherit">
    {% block joblist %}{% endblock %}
   </div>
   <div id="maincontent" class="container">

jobs/templates/jobs/job_detail.html

@@ -4,11 +4,6 @@
 {% block title %}{{ job }} | {{ block.super }}{% endblock %}
 
 {% block content %}
- <div class="sticky-top" style="top: 80px; background: white">
-  <h2 class="pb-2">
-   {{ job }}
-  </h2>
- </div>
  <div class="d-flex g-1">
   {% with button_class="btn btn-sm btn-primary me-1 mt-1 mb-auto" %}
    {% if user.is_staff %}
@@ -398,15 +393,22 @@
 {% endblock %}
 
 {% block joblist %}
- <ul class="nav d-flex justify-content-center">
-  {% for j in jobs %}
-   <li class="nav-link p-1"
-       style="--bs-nav-link-margin-x: 3px">
-    <a class="btn btn-sm btn-outline-secondary {% if j == job %}active{% endif %}"
-       href="{% url 'jobs:job_detail' pk=j.pk %}">
-     {{ j.number }}
-    </a>
-   </li>
-  {% endfor %}
- </ul>
+ <div>
+  <ul class="nav d-flex justify-content-center">
+   {% for j in jobs %}
+    <li class="nav-link p-1"
+	style="--bs-nav-link-margin-x: 3px">
+     <a class="btn btn-sm btn-outline-secondary {% if j == job %}active{% endif %}"
+	href="{% url 'jobs:job_detail' pk=j.pk %}">
+      {{ j.number }}
+     </a>
+    </li>
+   {% endfor %}
+  </ul>
+  <div class="container">
+   <h2>
+    {{ job }}
+   </h2>
+  </div>
+ </div>
 {% endblock %}