From ae04ff7613cb32f70cc94658bbfe3806c47d52d3 Mon Sep 17 00:00:00 2001
From: Colin Dawson <me@cjdawson.com>
Date: Wed, 18 Mar 2026 11:41:15 +0000
Subject: [PATCH] Re factored the homepage, so that it's scss is explicit.

---
 src/Sass/_forms.scss              | 27 ---------------------------
 src/Sass/_homepage.scss           | 28 ++++++++++++++++++++++++++++
 src/modules/homepage/HomePage.tsx |  1 +
 3 files changed, 29 insertions(+), 27 deletions(-)
 create mode 100644 src/Sass/_homepage.scss

diff --git a/src/Sass/_forms.scss b/src/Sass/_forms.scss
index f4306bd..4ad2626 100644
--- a/src/Sass/_forms.scss
+++ b/src/Sass/_forms.scss
@@ -45,33 +45,6 @@ table {
   padding-right: 5px;
 }
 
-.e-printWidget {
-  width: 100%;
-  margin-top: 20px;
-  min-height: 100px;
-  border: 1px solid $gray-600;
-  border-radius: 5px;
-
-  .thumbnail {
-    width: 80px;
-    min-height: 80px;
-    float: left;
-    background-color: $gray-600;
-    margin: 10px;
-  }
-
-  .label {
-    padding-top: 35px;
-    width: 200px;
-    height: 100px;
-  }
-
-  .e-print {
-    cursor: pointer;
-    width: 100px;
-  }
-}
-
 .allignedCheckBox .checkbox {
   float: left;
   margin-top: 10px;
diff --git a/src/Sass/_homepage.scss b/src/Sass/_homepage.scss
new file mode 100644
index 0000000..bc64fe8
--- /dev/null
+++ b/src/Sass/_homepage.scss
@@ -0,0 +1,28 @@
+@import "../Sass/old/_colors.scss";
+
+.e-printWidget {
+  width: 100%;
+  margin-top: 20px;
+  min-height: 100px;
+  border: 1px solid $gray-600;
+  border-radius: 5px;
+
+  .thumbnail {
+    width: 80px;
+    min-height: 80px;
+    float: left;
+    background-color: $gray-600;
+    margin: 10px;
+  }
+
+  .label {
+    padding-top: 35px;
+    width: 200px;
+    height: 100px;
+  }
+
+  .e-print {
+    cursor: pointer;
+    width: 100px;
+  }
+}
diff --git a/src/modules/homepage/HomePage.tsx b/src/modules/homepage/HomePage.tsx
index 82e30b5..30a83d9 100644
--- a/src/modules/homepage/HomePage.tsx
+++ b/src/modules/homepage/HomePage.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Namespaces } from "../../i18n/i18n";
+import "../../Sass/_homepage.scss";
 
 const HomePage: React.FC = () => {
   const { t } = useTranslation(Namespaces.Common);