From 09feb5c24b68907eacdc974846e12e7aadaa6be3 Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Wed, 23 Aug 2023 14:40:28 +1000
Subject: [PATCH] Responsive designs

---
 src/components/card/OperatingSystemCard.jsx |  4 ++--
 src/pages/downloads.astro                   | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/card/OperatingSystemCard.jsx b/src/components/card/OperatingSystemCard.jsx
index be8206b..86a9ad1 100644
--- a/src/components/card/OperatingSystemCard.jsx
+++ b/src/components/card/OperatingSystemCard.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 function OperatingSystemCard(props) {
-  const { title, description } = props;
+  const { title, description, targetURL } = props;
 
   function renderOSIcon(title) {
     switch (title) {
@@ -55,7 +55,7 @@ function OperatingSystemCard(props) {
   }
 
   return (
-    <a href="/downloads/download-for-mac">
+    <a href={targetURL}>
       <div class="bg-white border drop-shadow-md rounded-md p-6">
         {renderOSIcon(title)}
         <h3 class="text-2xl font-bold">{title}</h3>
diff --git a/src/pages/downloads.astro b/src/pages/downloads.astro
index 81c1eb1..e07e8b7 100644
--- a/src/pages/downloads.astro
+++ b/src/pages/downloads.astro
@@ -17,15 +17,15 @@ import "../styles/icons.css";
       </div>
       <div class="col-start-2 col-span-10 sm:col-start-2 sm:col-span-5">
         <h4 class="text-gray-600">Download for</h4>
-        <div class="flex flex-col gap-4">
-          <OperatingSystemCard title="Windows" description="32 & 64 bit" />
-          <OperatingSystemCard title="Mac OS" description="64 bit intel" />
-          <OperatingSystemCard title="Linux" description="64 bit appimage" />
+        <div class="flex flex-col gap-4 mt-2">
+          <OperatingSystemCard title="Windows" description="32 & 64 bit" targetURL="/downloads/download-for-windows"/>
+          <OperatingSystemCard title="Mac OS" description="64 bit intel" targetURL="/downloads/download-for-mac"/>
+          <OperatingSystemCard title="Linux" description="64 bit appimage" targetURL="/downloads/download-for-linux"/>
         </div>
       </div>
       <div class="col-start-2 col-span-10 sm:col-start-8 sm:col-span-4">
         <h4 class="text-gray-600">Additional resources</h4>
-        <div class="flex flex-col gap-6">
+        <div class="flex flex-col gap-6 mt-2">
           <div>
             <h3 class="text-lg font-bold">Manual download</h3>
             <div class="gap-2">