changed 2 site buttons to <a>

Author: Kyler-Chiago

mlflow-site/src/app/components/Button.tsx

@@ -3,22 +3,8 @@
 const Button = () => {
   return (
     <div className='button'>
-      <button
-        onClick={() => {
-          window.location.assign('https://github.com/oslabs-beta/mlflow-js');
-        }}
-        className='homeButton homeButtonDownload text-white'
-      >
-        Download
-      </button>
-      <button
-        onClick={() => {
-          window.location.assign('https://github.com/oslabs-beta/mlflow-js/tree/dev/mlflow/docs');
-        }}
-        className='homeButton homeButtonRead'
-      >
-        Read the Docs
-      </button>
+      <a href='https://github.com/oslabs-beta/mlflow-js' className='homeButton homeButtonDownload text-white'>Download</a>
+        <a href='https://github.com/oslabs-beta/mlflow-js/tree/dev/mlflow/docs' className='homeButton homeButtonRead'>Read the Docs</a>
     </div>
   );
 };

mlflow-site/src/app/globals.css

@@ -175,10 +175,14 @@ body {
 
 .homeButtonDownload {
   background-color: rgb(66, 107, 31);
+  padding-top: 0.6rem;
+  padding-bottom: 0.6rem;
 }
 
 .homeButtonRead {
   background-color: rgb(204, 204, 204);
+  padding-top: 0.6rem;
+  padding-bottom: 0.6rem;
 }
 
 .button {