From 1c6480586c1ce305e7f1fb98848d8e7c6d6ef388 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 23 Dec 2024 18:28:04 -0800
Subject: [PATCH 1/2] Fix: fix search overlay behind status indicators in
 0.10.x (#4484)

---
 src/components/services/item.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/services/item.jsx b/src/components/services/item.jsx
index adf5fc97..4d233b44 100644
--- a/src/components/services/item.jsx
+++ b/src/components/services/item.jsx
@@ -86,7 +86,7 @@ export default function Item({ service, groupName, useEqualHeights }) {
           <div
             className={`absolute top-0 right-0 flex flex-row justify-end ${
               statusStyle === "dot" ? "gap-0" : "gap-2 mr-2"
-            } z-30 service-tags`}
+            } z-10 service-tags`}
           >
             {service.ping && (
               <div className="flex-shrink-0 flex items-center justify-center service-tag service-ping">

From 607c4b775063478b6a360667e59740b03d13be1f Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 24 Dec 2024 12:22:06 -0800
Subject: [PATCH 2/2] Fix: fun with padding and margins (#4489)

---
 src/components/services/group.jsx | 7 ++-----
 src/components/services/list.jsx  | 5 +++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
index f646f553..20375536 100644
--- a/src/components/services/group.jsx
+++ b/src/components/services/group.jsx
@@ -23,10 +23,7 @@ export default function ServicesGroup({
     if (layout?.initiallyCollapsed ?? groupsInitiallyCollapsed) panel.current.style.height = `0`;
   }, [layout, groupsInitiallyCollapsed]);
 
-  let groupMargin = layout?.header === false ? "-my-1" : "";
-  if (isSubgroup && layout?.header === false) groupMargin = "-my-3";
-
-  let groupPadding = layout?.header === false ? "px-1" : "p-1";
+  let groupPadding = layout?.header === false ? "px-1" : "p-1 pb-0";
   if (isSubgroup) groupPadding = "";
 
   return (
@@ -36,7 +33,6 @@ export default function ServicesGroup({
         "services-group flex-1",
         layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4",
         layout?.style !== "row" && fiveColumns ? "3xl:basis-1/5" : "",
-        groupMargin,
         groupPadding,
         isSubgroup ? "subgroup" : "",
       )}
@@ -89,6 +85,7 @@ export default function ServicesGroup({
                   services={group.services}
                   layout={layout}
                   useEqualHeights={useEqualHeights}
+                  header={layout?.header !== false}
                 />
                 {group.groups?.length > 0 && (
                   <div
diff --git a/src/components/services/list.jsx b/src/components/services/list.jsx
index c15d6aed..63fcea38 100644
--- a/src/components/services/list.jsx
+++ b/src/components/services/list.jsx
@@ -4,12 +4,13 @@ import { columnMap } from "../../utils/layout/columns";
 
 import Item from "components/services/item";
 
-export default function List({ groupName, services, layout, useEqualHeights }) {
+export default function List({ groupName, services, layout, useEqualHeights, header }) {
   return (
     <ul
       className={classNames(
         layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col",
-        "mt-3 services-list",
+        header ? "mt-3" : "",
+        "services-list",
       )}
     >
       {services.map((service) => (