Merge pull request #1487 from qdraw/feature/202403-dwnl-button

spacing download button
qdraw · Mar 18, 2024 · ba57d59 · ba57d59
2 parents a33ac49 + 4e2721f
commit ba57d59
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/documentation/src/components/DownloadFeature/index.tsx b/documentation/src/components/DownloadFeature/index.tsx
@@ -98,10 +98,11 @@ export default function DownloadFeatures(): ReactElement {
           <Button href={downloadUrl1} color="#25c2a0">
             {downloadButton1Text}
           </Button>
-          {downloadButton2Text ? (
+          {downloadButton2Text ? (<>
+            <br />
             <Button href={downloadUrl2} color="#25c2a0">
               {downloadButton2Text}
-            </Button>
+            </Button></>
           ) : null}
           {systemDescription ? (
             <>

diff --git a/documentation/src/components/button.tsx b/documentation/src/components/button.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 
 export default function Button({ children, href, color }) {
   return (
@@ -7,10 +6,11 @@ export default function Button({ children, href, color }) {
       style={{
         backgroundColor: color,
         borderRadius: "2px",
+        display :"inline-block",
         color: "#fff",
         padding: "0.5rem",
-        marginBottom: "0.5rem",
-        marginRight: "0.5rem",
+        marginBottom: "0.4rem",
+        marginRight: "0.4rem",
       }}
     >
       {children}