Feat(UI): Home page styles improved.

static/css/layouts/header.css

@@ -68,7 +68,7 @@
     flex-wrap: wrap;
     max-width: calc(1vw * 100 - 1vh * 35);
     align-items: center;
-    margin: 1vh 1vw;
+    margin: 0.5vh 0.5vw;
 }
 .nav-links a {
     text-decoration: none;
@@ -77,6 +77,8 @@
     align-content: center;
     font-size: 1.2rem;
     width: fit-content;
+    padding: 0.5vh 0.5vw;
+    border-radius: 0.5vh;
 }
 .nav-links a.button {
     color: var(--colour-text-background);
@@ -175,7 +177,7 @@ form.filter button.save, form.filter button.button-cancel {
 }
 */
 
-@media screen and (max-width: 940px) {
+@media screen and (max-width: 980px) {
     /*
     .hero h1 {
         font-size: 2.5rem;

static/css/pages/core/home.css

@@ -259,6 +259,7 @@ section.cta-2 .button {
 }
 section.cta-2 .card {
     background-color: transparent;
+    margin: 1vh auto;
 }
 section.cta-2 .card .container {
     background-color: var(--colour-page-background);

static/dist/css/core_home.bundle.css

@@ -337,6 +337,7 @@ section.cta-2 .button {
 }
 section.cta-2 .card {
     background-color: transparent;
+    margin: 1vh auto;
 }
 section.cta-2 .card .container {
     background-color: var(--colour-page-background);

static/dist/css/main.bundle.css

@@ -593,7 +593,7 @@ table div {
     flex-wrap: wrap;
     max-width: calc(1vw * 100 - 1vh * 35);
     align-items: center;
-    margin: 1vh 1vw;
+    margin: 0.5vh 0.5vw;
 }
 .nav-links a {
     text-decoration: none;
@@ -602,6 +602,8 @@ table div {
     align-content: center;
     font-size: 1.2rem;
     width: fit-content;
+    padding: 0.5vh 0.5vw;
+    border-radius: 0.5vh;
 }
 .nav-links a.button {
     color: var(--colour-text-background);