From 878e0f0f85d078b5e7ee09d738ef9f39d253a224 Mon Sep 17 00:00:00 2001
From: Jay Sitter <jay@jaysitter.com>
Date: Sat, 17 Jun 2023 14:24:13 -0400
Subject: [PATCH] fix: Add .accordion wrapper around sidebar to obtain negative
 bottom margin

---
 src/shared/components/home/site-sidebar.tsx | 38 +++++++++++----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/shared/components/home/site-sidebar.tsx b/src/shared/components/home/site-sidebar.tsx
index 283ddf83..b09f27d2 100644
--- a/src/shared/components/home/site-sidebar.tsx
+++ b/src/shared/components/home/site-sidebar.tsx
@@ -29,25 +29,27 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
 
   render() {
     return (
-      <section
-        id="sidebarInfo"
-        className="card border-secondary mb-3 overflow-hidden"
-      >
-        <header className="card-header" id="sidebarInfoHeader">
-          {this.siteName()}
-          {!this.state.collapsed && (
-            <BannerIconHeader banner={this.props.site.banner} />
-          )}
-        </header>
-
-        <div
-          id="sidebarInfoBody"
-          className="collapse show"
-          aria-labelledby="sidebarInfoHeader"
+      <div className="accordion">
+        <section
+          id="sidebarInfo"
+          className="card border-secondary mb-3 overflow-hidden"
         >
-          <div className="card-body">{this.siteInfo()}</div>
-        </div>
-      </section>
+          <header className="card-header" id="sidebarInfoHeader">
+            {this.siteName()}
+            {!this.state.collapsed && (
+              <BannerIconHeader banner={this.props.site.banner} />
+            )}
+          </header>
+
+          <div
+            id="sidebarInfoBody"
+            className="collapse show"
+            aria-labelledby="sidebarInfoHeader"
+          >
+            <div className="card-body">{this.siteInfo()}</div>
+          </div>
+        </section>
+      </div>
     );
   }