From dbf3c7c58626833205c435e824c4cbc464103ffc Mon Sep 17 00:00:00 2001
From: Sage Abdullah <sage.abdullah@torchbox.com>
Date: Tue, 23 Jan 2024 09:43:08 +0000
Subject: [PATCH] Adjust margin-bottom of w-field__wrapper in drilldown
 component

Prevent the focus outline from being cut-off
---
 client/scss/components/_drilldown.scss | 9 +++++++--
 client/scss/components/_header.scss    | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/scss/components/_drilldown.scss b/client/scss/components/_drilldown.scss
index 493aa799d3..3442119492 100644
--- a/client/scss/components/_drilldown.scss
+++ b/client/scss/components/_drilldown.scss
@@ -60,10 +60,15 @@
   }
 }
 
+.w-drilldown__submenu .w-field__wrapper {
+  // Align the margin-top with the submenu’s back button
+  // and reduce the default margin-bottom.
+  margin-top: theme('spacing.2');
+  margin-bottom: theme('spacing.2');
+}
+
 .w-drilldown__submenu .w-field__label {
   @apply w-label-1;
-  // Align with the submenu’s back button.
-  margin-top: theme('spacing.2');
   margin-bottom: theme('spacing.3');
 }
 
diff --git a/client/scss/components/_header.scss b/client/scss/components/_header.scss
index ea91500f22..5d7763f257 100644
--- a/client/scss/components/_header.scss
+++ b/client/scss/components/_header.scss
@@ -174,7 +174,7 @@
     @apply w-mx-2 w-flex w-items-center w-gap-2;
   }
 
-  .w-field__wrapper:not(.w-dialog .w-field__wrapper) {
+  .w-field__wrapper:not(.w-drilldown .w-field__wrapper) {
     @apply w-mb-0;
 
     .w-field__input {