Merge pull request #2666 from harnish7576/harnish7576/issue_2587_cleanup_design_for_displayed_card

Updated styling for the display card to match result cards

Author: anth-volk

src/pages/learn/APIGeneralContent.jsx

@@ -514,7 +514,7 @@ export function VariableParameterExplorer(props) {
       </div>
 
       {totalPages > 1 && (
-        <div style={{ marginTop: 20, textAlign: "center" }}>
+        <div style={{ marginTop: 20, marginBottom: 20, textAlign: "center" }}>
           <div
             style={{ display: "inline-flex", alignItems: "center", gap: "8px" }}
           >
@@ -679,11 +679,22 @@ function CardDrawer(props) {
   const type = metadata.type;
   return (
     <>
-      {type === "parameter" ? (
-        <APIParameterCard metadata={metadata} />
-      ) : (
-        <APIVariableCard metadata={metadata} />
-      )}
+      <Card
+        bordered={true}
+        style={{
+          width: "100%",
+          backgroundColor: "white",
+          overflow: "hidden",
+          cursor: "pointer",
+          transition: "transform 0.2s",
+        }}
+      >
+        {type === "parameter" ? (
+          <APIParameterCard metadata={metadata} />
+        ) : (
+          <APIVariableCard metadata={metadata} />
+        )}
+      </Card>
     </>
   );
 }