From 165acb8e2e371c5a3d64d7c46d4bd26eaa1bfc77 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Mon, 18 May 2026 23:20:45 +0100
Subject: [PATCH] Improve shared template layout

---
 templates/base.html  | 35 ++++++++++++++++++++++++++++++++---
 templates/error.html |  2 +-
 2 files changed, 33 insertions(+), 4 deletions(-)
diff --git a/templates/base.html b/templates/base.html
index 0328311..590f7e2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -6,15 +6,44 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
   <title>{% block title %}{% endblock %} – Missing Link</title>
+  <style>
+    .site-navbar__tools {
+      margin-left: auto;
+    }
+
+    @media (max-width: 767.98px) {
+      .site-navbar .container {
+        align-items: flex-start;
+        gap: .5rem;
+      }
+
+      .site-navbar__tools {
+        flex-wrap: wrap;
+        margin-left: 0;
+        width: 100%;
+      }
+
+      .site-navbar__search {
+        flex: 1 1 100%;
+        min-width: 0;
+      }
+
+      .site-navbar__search .form-control {
+        flex: 1 1 auto;
+        min-width: 0;
+        width: auto !important;
+      }
+    }
+  </style>
   {% block style %}{% endblock %}
 </head>
 
 <body>
-  <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
+  <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4 site-navbar">
     <div class="container">
       <a class="navbar-brand fw-semibold" href="{{ url_for('index') }}">Missing Link</a>
-      <div class="d-flex align-items-center gap-2">
-        <form class="d-flex" action="{{ url_for('index') }}">
+      <div class="d-flex align-items-center gap-2 site-navbar__tools">
+        <form class="d-flex site-navbar__search" action="{{ url_for('index') }}">
           <input class="form-control form-control-sm me-2" name="q" placeholder="Article title…" style="width:240px">
           <button class="btn btn-outline-light btn-sm" type="submit">Go</button>
         </form>
diff --git a/templates/error.html b/templates/error.html
index 0120bec..e1f1e0a 100644
--- a/templates/error.html
+++ b/templates/error.html
@@ -8,7 +8,7 @@
     <div class="col-md-7">
       <div class="alert alert-danger">
         <h4 class="alert-heading">Something went wrong</h4>
-        <p class="mb-0"><code>{{ message | e | replace('\n', '<br>\n') | safe }}</code></p>
+        <code class="d-block mb-0" style="white-space: pre-line">{{ message }}</code>
       </div>
       <a href="{{ url_for('index') }}" class="btn btn-outline-secondary btn-sm">Back to home</a>
     </div>
