From 509846301e4f4d84f4e1dacc20d1b29db77da11a Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Mon, 10 Jul 2023 06:58:10 +0330
Subject: [PATCH] fix: correct spacing issue in the FeatureList component

---
 .../mdx/FeatureList/FeatureList.scss          | 41 ++++++++++++-------
 .../mdx/FeatureList/FeatureList.tsx           |  1 +
 2 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
index 1e0b466..65301c1 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
@@ -28,14 +28,7 @@
 }
 
 .mdx-feature-list__feature {
-  padding: 1rem;
   border-top: 1px solid rgb(var(--lsd-border-primary));
-
-  &:nth-child(odd) {
-    .mdx-feature-list__feature-inner {
-      border-right: 1px solid rgb(var(--lsd-border-primary));
-    }
-  }
 }
 
 .mdx-feature-list__feature-title {
@@ -53,15 +46,33 @@
 
 @include utils.responsive('lg', 'up') {
   .mdx-feature-list__feature {
-    &:nth-child(even) {
-      & > div {
-        padding-left: 1rem;
-      }
-    }
+    padding: 1rem;
+    position: relative;
+  }
 
-    &:nth-child(odd) {
-      padding-right: 0;
-      padding-left: 0.5rem;
+  .mdx-feature-list__feature-inner {
+    height: 100%;
+    padding: 0.5rem;
+  }
+
+  .mdx-feature-list__feature-border {
+    top: 1rem;
+    right: 0;
+    width: 1px;
+    height: calc(100% - 2rem);
+    position: absolute;
+    background: rgb(var(--lsd-border-primary));
+  }
+
+  .mdx-feature-list__feature:nth-child(odd) {
+    padding-left: 0;
+  }
+
+  .mdx-feature-list__feature:nth-child(even) {
+    padding-right: 0;
+
+    .mdx-feature-list__feature-border {
+      display: none;
     }
   }
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
index 1c7c1c4..c1c86b9 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.tsx
@@ -58,6 +58,7 @@ export const FeatureList: React.FC<FeatureListProps> = ({
                 {feature.description}
               </Typography>
             </div>
+            <div className="mdx-feature-list__feature-border"></div>
           </div>
         ))}
       </div>