From efcf1240037d4263c1facd201833e57042c72541 Mon Sep 17 00:00:00 2001
From: KingRainbow44 <kobedo11@gmail.com>
Date: Sun, 9 Apr 2023 19:27:42 -0400
Subject: [PATCH] Fix descriptions on cards

---
 src/handbook/src/css/widgets/Card.scss | 6 ++----
 src/handbook/src/ui/widgets/Card.tsx   | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/handbook/src/css/widgets/Card.scss b/src/handbook/src/css/widgets/Card.scss
index 282288110..7f2fae1f1 100644
--- a/src/handbook/src/css/widgets/Card.scss
+++ b/src/handbook/src/css/widgets/Card.scss
@@ -7,7 +7,6 @@
     max-width: 1510px;
     max-height: 100px;
 
-    gap: 10px;
     border-radius: 15px;
     padding: 10px;
     box-sizing: border-box;
@@ -21,7 +20,6 @@
 
     width: 100%;
     height: 100%;
-    max-height: 40%;
 
     gap: 15px;
     align-items: center;
@@ -39,6 +37,6 @@
 .Card_Description {
     color: var(--text-primary-color);
 
-    overflow-y: hidden;
-    max-height: 100%;
+    overflow-y: scroll;
+    max-height: 24px;
 }
diff --git a/src/handbook/src/ui/widgets/Card.tsx b/src/handbook/src/ui/widgets/Card.tsx
index a6841bac0..57f2505a6 100644
--- a/src/handbook/src/ui/widgets/Card.tsx
+++ b/src/handbook/src/ui/widgets/Card.tsx
@@ -33,7 +33,7 @@ class Card extends React.PureComponent<IProps> {
                     {this.props.alternate && <p className={"Card_Alternate"}>{this.props.alternate}</p>}
                 </div>
 
-                <div style={{ height: "50%", alignItems: "center" }}>
+                <div style={{ alignItems: "center" }}>
                     {this.props.description ? (
                         Array.isArray(this.props.description) ? (
                             this.props.description.map((line, index) => (