From 026a789b2ebeacf2008c91f1097279a18f199dc4 Mon Sep 17 00:00:00 2001
From: Alex Bouma <alex@bouma.me>
Date: Mon, 28 Sep 2026 13:29:42 +0200
Subject: [PATCH 1/2] Fix z-index issue with changelog badges

---
 resources/views/livewire/changelog/index.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/livewire/changelog/index.blade.php b/resources/views/livewire/changelog/index.blade.php
index d62e217a..569eaf40 100644
--- a/resources/views/livewire/changelog/index.blade.php
+++ b/resources/views/livewire/changelog/index.blade.php
@@ -25,7 +25,7 @@
                         @foreach($changelogsOnDate as $changelog)
                             @php($project = $changelog->project?->isVisibleForCurrentUser() ? $changelog->project : null)
 
-                            <li class="group relative flex flex-col gap-2 p-5 transition hover:bg-gray-50 dark:hover:bg-white/5">
+                            <li class="group relative isolate flex flex-col gap-2 p-5 transition hover:bg-gray-50 dark:hover:bg-white/5">
                                 @if($project || $showAuthor || $groupByMonth)
                                     <div class="flex flex-wrap items-center gap-x-3 gap-y-1">
                                         @if($project)

From f6f49eceb972333fb0b67dd321452becb1b0a1f2 Mon Sep 17 00:00:00 2001
From: Alex Bouma <alex@bouma.me>
Date: Mon, 28 Sep 2026 13:39:38 +0200
Subject: [PATCH 2/2] Fixup UI to always be full height on shorter pages

---
 resources/views/components/app.blade.php  | 8 ++++----
 resources/views/partials/navbar.blade.php | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/app.blade.php b/resources/views/components/app.blade.php
index 49eefcba..3af0471e 100644
--- a/resources/views/components/app.blade.php
+++ b/resources/views/components/app.blade.php
@@ -43,7 +43,7 @@ function updateTheme() {
         <meta name="robots" content="noindex">
     @endif
 </head>
-<body class="antialiased bg-gray-50 dark:bg-gray-950 dark:text-white">
+<body class="flex min-h-dvh flex-col antialiased bg-gray-50 dark:bg-gray-950 dark:text-white">
 @if($userNeedsToVerify)
     <div class="relative bg-brand-600">
         <div class="max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
@@ -62,11 +62,11 @@ function updateTheme() {
 
 <livewire:header :logo="$logo" :current-project-id="$currentProjectId" />
 
-<div class="flex mx-auto py-5 lg:space-x-10 h-full px-4 sm:px-6 md:px-8 max-w-[1500px]">
+<div class="flex flex-1 w-full mx-auto pt-5 lg:space-x-10 px-4 sm:px-6 md:px-8 max-w-[1500px]">
     @include('partials.navbar')
 
-    {{-- overflow-x-clip (not hidden) keeps overflow-y visible, so card rings at the bottom aren't cut off. The horizontal padding leaves room for card shadows on the sides. --}}
-    <main class="flex-1 h-full lg:border-l border-gray-200 px-1 lg:pl-5 dark:lg:border-white/10 overflow-x-clip">
+    {{-- overflow-x-clip (not hidden) keeps overflow-y visible, so card rings at the bottom aren't cut off. The horizontal and bottom padding leave room for card shadows inside the column. min-w-0 stops wide content (like the board columns) from stretching main, since clip doesn't do that like hidden did. --}}
+    <main class="flex-1 min-w-0 lg:border-l border-gray-200 px-1 pb-5 lg:pl-5 dark:lg:border-white/10 overflow-x-clip">
         <div class="pb-4">
             <ul class="flex items-center space-x-0.5 text-sm font-medium text-gray-600 dark:text-gray-500">
                 @foreach(array_filter($breadcrumbs) as $breadcrumb)
diff --git a/resources/views/partials/navbar.blade.php b/resources/views/partials/navbar.blade.php
index fa2e27ba..2cd7c45e 100644
--- a/resources/views/partials/navbar.blade.php
+++ b/resources/views/partials/navbar.blade.php
@@ -1,4 +1,4 @@
-<div class="hidden lg:block">
+<div class="hidden lg:block pb-5">
     <aside class="w-60" aria-label="Sidebar">
         <div class="overflow-y-auto space-y-4">
             <ul class="space-y-2 pb-4 border-b border-gray-200 dark:border-white/10">