From de200c126544615fa1e1d300948d72c36f893e2a Mon Sep 17 00:00:00 2001
From: Focusvity <nathan.curran10012@gmail.com>
Date: Fri, 24 Jun 2022 22:23:03 +1000
Subject: [PATCH] An improvement to the download page

---
 src/css/DownloadPage.css   | 42 ++++++++++++++++++++++++++------------
 src/pages/DownloadPage.tsx |  4 +---
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/css/DownloadPage.css b/src/css/DownloadPage.css
index 69c24591..56861250 100644
--- a/src/css/DownloadPage.css
+++ b/src/css/DownloadPage.css
@@ -4,6 +4,10 @@ body {
     margin: 0;
 }
 
+th, td {
+    color: white;
+}
+
 ul > li {
     color: white;
 }
@@ -17,14 +21,16 @@ ul {
 }
 
 .builds {
+    margin: 0 auto;
     padding: 0;
     flex-direction: column;
     background-color: #363534;
+    width: 80%;
 }
 
 .builds > li {
-    padding-left: 1vw;
-    height: 10vh;
+    padding-left: 25px;
+    height: 95px;
     width: 100%;
     border-bottom: 2px solid black;
     display: table;
@@ -32,9 +38,9 @@ ul {
 }
 
 .builds > li > .btn {
-    border-radius: 1vh !important;
+    border-radius: 10px !important;
     position: relative;
-    top: 3vh;
+    top: 28px;
 }
 
 .selected {
@@ -57,11 +63,11 @@ ul[class^="changes-"] > li {
     flex-wrap: nowrap;
     margin: 0;
     padding: 0;
-    font-size: 0.75vw;
+    font-size: 15px;
     position: relative;
-    bottom: 1vh;
-    left: 2vw;
-    width: 50%;
+    bottom: 3px;
+    left: 38px;
+    width: 75%;
 }
 
 ul[class^="changes-"] > li > a {
@@ -73,9 +79,9 @@ ul[class^="changes-"] > li > a {
 .date {
     display: table-cell;
     float: right;
-    right: 10vw;
+    right: 75px;
     position: relative;
-    bottom: 2vh;
+    bottom: 25px;
 }
 
 .nochanges {
@@ -84,13 +90,23 @@ ul[class^="changes-"] > li > a {
 }
 
 @media only screen and (max-width: 768px) {
+    .builds {
+        width: 100%;
+    }
+
     ul[class^="changes-"] > li {
         position: relative;
-        left: 5vw;
-        font-size: 3vw;
+        left: 30px;
+        font-size: 13px;
+    }
+
+    .date {
+        right: 20px;
+        bottom: 28px;
+        font-size: 13px;
     }
 
     .nochanges {
-        bottom: 1vh;
+        bottom: 11px;
     }
 }
\ No newline at end of file
diff --git a/src/pages/DownloadPage.tsx b/src/pages/DownloadPage.tsx
index 73c71d4d..83bc0a1b 100644
--- a/src/pages/DownloadPage.tsx
+++ b/src/pages/DownloadPage.tsx
@@ -8,8 +8,6 @@ import { Alert } from "react-bootstrap";
 import { Container } from "react-bootstrap";
 import dayjs from "dayjs";
 
-// Currently the timestamp here is undefined regardless of jenkins timestamp!
-
 const DownloadPage = () => {
     const [jobs, setJobs] = useState(new Map<Job, Build[]>())
     const [version, setVersion] = useState("1.19")
@@ -82,7 +80,7 @@ const DownloadPage = () => {
                                 return <li>[<a href={`https://github.com/AtlasMediaGroup/Scissors/commit/${value1.id}`}>{value1.id}</a>]&nbsp;&nbsp;{value1.comment}</li>
                             })}
                         </ul>
-                        <span className={value.changes && value.changes?.length > 0 ? "date" : "date nochanges"}>{dayjs(value.timestamp!).format("MM/DD/YYYY [at] h:mm A")}</span>
+                        <span className={value.changes && value.changes?.length > 0 ? "date" : "date nochanges"}>{dayjs(value.timestamp!).format("MM/DD/YYYY [at] hh:mm A")}</span>
                     </li>
                 })}
             </ul>