Index: src/views/partials/footer.ejs
===================================================================
--- src/views/partials/footer.ejs	(revision c3ad46d870530814556ffdea07795e5f2dc08fd3)
+++ src/views/partials/footer.ejs	(revision 93d63457c5593e4e10c1ac140a8b540618d157e2)
@@ -4,4 +4,10 @@
       <span>© <%= new Date().getFullYear() %> <%= (site && site.title) || 'Klonkt' %></span>
     </div>
+    <%# Install-app knop — in de footer-rij (midden), bespaart een hele extra rij.
+        JS detecteert platform & opent een modal met PWA-install-stappen. %>
+    <button type="button" class="install-app-btn install-app-btn--footer" data-pcms-install-app>
+      <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M5 20h14v-2H5v2zm7-18L5.33 9h3.84v6h5.66V9h3.84L12 2z" fill="currentColor"/></svg>
+      <span>Installeer app</span>
+    </button>
     <div class="footer-meta">
       <span>Klonkt Beta<%= (typeof appVersion !== 'undefined' && appVersion) ? ' v' + appVersion : '' %></span>
@@ -20,12 +26,4 @@
   </div>
 
-  <%# Install-app button. JS detects platform & opens a modal with PWA-install
-      steps (iOS share-sheet / Android Chrome / desktop). PWA only — geen APK. %>
-  <div class="site-footer-install container">
-    <button type="button" class="install-app-btn" data-pcms-install-app>
-      <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M5 20h14v-2H5v2zm7-18L5.33 9h3.84v6h5.66V9h3.84L12 2z" fill="currentColor"/></svg>
-      <span>Installeer app</span>
-    </button>
-  </div>
 </footer>
 
@@ -102,9 +100,17 @@
 }
 
-/* Install-app button container — sits centered under the footer-inner row */
-.site-footer-install {
-  display: flex;
-  justify-content: center;
-  margin-top: 1.25rem;
+/* Compacte install-knop ín de footer-rij (midden) i.p.v. een grote losse CTA
+   op een eigen regel — bespaart verticale ruimte. */
+.install-app-btn--footer {
+  flex: 0 0 auto;
+  width: auto !important;          /* override de mobile .install-app-btn width:100% */
+  padding: 0.42rem 0.95rem;
+  font-size: 0.82rem;
+  gap: 0.4rem;
+}
+.install-app-btn--footer svg { width: 15px; height: 15px; }
+/* Op smal scherm: laat de drie items netjes centreren als ze wrappen. */
+@media (max-width: 600px) {
+  .site-footer-inner { justify-content: center; text-align: center; }
 }
 </style>
Index: src/views/shell.ejs
===================================================================
--- src/views/shell.ejs	(revision c3ad46d870530814556ffdea07795e5f2dc08fd3)
+++ src/views/shell.ejs	(revision 93d63457c5593e4e10c1ac140a8b540618d157e2)
@@ -163,5 +163,5 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=7">
+<link rel="stylesheet" href="/assets/css/style.css?v=8">
 
 <!-- Audio player styles: loaded on every page so the mini-player works