Merge pull request #7 from lightningrodlabs/feat/button-height

Reduce height of download buttons

Author: zippy

src/components/Button/Button.tsx

@@ -21,6 +21,7 @@ export type ButtonProps = {
   maxHeight?: string;
   height?: string;
   margin?: string;
+  lineHeight: string;
 };
 
 const Button: React.FC<ButtonProps> = ({
@@ -37,6 +38,7 @@ const Button: React.FC<ButtonProps> = ({
   maxHeight,
   height,
   margin,
+  lineHeight,
 }) => {
   return (
     <button
@@ -46,7 +48,13 @@ const Button: React.FC<ButtonProps> = ({
       } ${externalLinkIcon ? "with-external-link" : ""}`}
       onClick={onClick}
       data-href={href}
-      style={{ maxWidth: maxWidth ? maxWidth : "", maxHeight: maxHeight ? maxHeight : "", height: height ? height: "", margin: margin ? margin : "" }}
+      style={{
+        maxWidth: maxWidth ? maxWidth : "",
+        maxHeight: maxHeight ? maxHeight : "",
+        height: height ? height : "",
+        margin: margin ? margin : "",
+        lineHeight: lineHeight ? lineHeight : "",
+      }}
     >
       {visualIcon && <span className="visual-icon">{visualIcon}</span>}
       {text}

src/components/Footer/Footer.tsx

@@ -25,7 +25,7 @@ const Footer: React.FC<FooterProps> = ({}) => {
 
       <div className="footer-row second">
         <p>
-          © 2020-2022 Harris-Braun Enterprises, LLC, operating as{" "}
+          © 2020-2025 Harris-Braun Enterprises, LLC, operating as{" "}
           <a href="https://lightningrodlabs.org/" target="_blank">
             {" "}
             Lightningrod Labs

src/pages/index.tsx

@@ -335,6 +335,8 @@ const IndexPage = () => {
                 withBackground
                 maxWidth="300px"
                 margin="4px"
+                height="70px"
+                lineHeight="1.2"
                 title="https://github.com/lightningrodlabs/acorn-desktop/releases/download/v11.3.1/org.lightningrodlabs.acorn-11.3.1-arm64.dmg"
                 onClick={() => {
                   window.open(
@@ -349,6 +351,8 @@ const IndexPage = () => {
                 withBackground
                 maxWidth="300px"
                 margin="4px"
+                height="70px"
+                lineHeight="1.2"
                 title="https://github.com/lightningrodlabs/acorn-desktop/releases/download/v11.3.1/org.lightningrodlabs.acorn-11.3.1-x64.dmg"
                 onClick={() => {
                   window.open(
@@ -365,6 +369,8 @@ const IndexPage = () => {
                 withBackground
                 maxWidth="300px"
                 margin="4px"
+                height="70px"
+                lineHeight="1.2"
                 title="https://github.com/lightningrodlabs/acorn-desktop/releases/download/v11.3.1/org.lightningrodlabs.acorn_11.3.1_amd64.deb"
                 onClick={() => {
                   window.open(
@@ -379,6 +385,8 @@ const IndexPage = () => {
                 withBackground
                 maxWidth="300px"
                 margin="4px"
+                height="70px"
+                lineHeight="1.2"
                 title="https://github.com/lightningrodlabs/acorn-desktop/releases/download/v11.3.1/org.lightningrodlabs.acorn-11.3.1.AppImage"
                 onClick={() => {
                   window.open(
@@ -395,7 +403,8 @@ const IndexPage = () => {
                 withBackground
                 maxHeight="90px"
                 margin="4px"
-                height="90px"
+                height="70px"
+                lineHeight="1.2"
                 title="https://github.com/lightningrodlabs/acorn-desktop/releases/download/v11.3.1/org.lightningrodlabs.acorn-11.3.1-setup.exe"
                 onClick={() => {
                   window.open(