From b12c0198106d310c0a1cfdbb98d66857ef9125d6 Mon Sep 17 00:00:00 2001
From: NguyenND <ngodanguyen@gmail.com>
Date: Fri, 7 Aug 2026 11:15:54 -0400
Subject: [PATCH] Aug 7 - Update issue page filter buttons size 2

---
 app/templates/modern/inspections/list.html | 7 ++++++-
 app/templates/modern/issues/list.html      | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/templates/modern/inspections/list.html b/app/templates/modern/inspections/list.html
index 1ccbb41..54b0760 100644
--- a/app/templates/modern/inspections/list.html
+++ b/app/templates/modern/inspections/list.html
@@ -123,7 +123,12 @@
       </div>
 
       {# ── Actions — spans both field rows ─────────────────────────────── #}
-      <div class="d-flex gap-2 align-items-stretch flex-grow-1 flex-md-grow-0">
+      {# mt-md-4 drops the block by roughly one label's height, so the buttons
+         line up with the first row's INPUTS rather than its labels — that is
+         what makes them shorter, since they still stretch to the bottom of the
+         second row. The margin is md-only; below that the block wraps
+         underneath the fields and needs its full width and natural height. #}
+      <div class="d-flex gap-2 align-items-stretch flex-grow-1 flex-md-grow-0 mt-md-4">
         <button type="submit"
                 class="btn btn-sm btn-primary d-flex align-items-center justify-content-center flex-grow-1 flex-md-grow-0"
                 style="min-width:88px;">
diff --git a/app/templates/modern/issues/list.html b/app/templates/modern/issues/list.html
index 95094a2..4d170a7 100644
--- a/app/templates/modern/issues/list.html
+++ b/app/templates/modern/issues/list.html
@@ -128,7 +128,12 @@
       </div>
 
       {# ── Actions — spans both field rows ─────────────────────────────── #}
-      <div class="d-flex gap-2 align-items-stretch flex-grow-1 flex-md-grow-0">
+      {# mt-md-4 drops the block by roughly one label's height, so the buttons
+         line up with the first row's INPUTS rather than its labels — that is
+         what makes them shorter, since they still stretch to the bottom of the
+         second row. The margin is md-only; below that the block wraps
+         underneath the fields and needs its full width and natural height. #}
+      <div class="d-flex gap-2 align-items-stretch flex-grow-1 flex-md-grow-0 mt-md-4">
         <button type="submit"
                 class="btn btn-sm btn-primary d-flex align-items-center justify-content-center flex-grow-1 flex-md-grow-0"
                 style="min-width:88px;">