From e5495736fc040b9b48b71055acd103c16d419139 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 19 Apr 2023 20:45:54 +0100
Subject: [PATCH] Remove inline style from email template

Signed-off-by: Fred Boniface <fred@fjla.uk>
---
 mail-templates/register.html | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)
diff --git a/mail-templates/register.html b/mail-templates/register.html
index a329335..421a73b 100644
--- a/mail-templates/register.html
+++ b/mail-templates/register.html
@@ -6,27 +6,51 @@
       html {
         background-color:#404c55;
         background-image:radial-gradient(#2b343c,#404c55);
+        text-align: center;
       }
       a {
         color:white;
       }
+      table {
+        width: 100%;
+        color: white;
+        font-family: sans-serif;
+      }
+      #title {
+        height: 100px;
+        padding-top: 0px;
+        margin-top: 0px
+      }
+      h1 {
+        color: #00b7b7;
+      }
+      #button {
+        color: azure;
+        font-size: larger;
+        background-color: #007979;
+        padding: 8px;
+        padding-left: 12px;
+        padding-right: 12px;
+        text-decoration: none;
+        border-radius: 14px;
+      }
     </style>
   </head>
   <body>
     <br><br>
-    <table style="width:100%;text-align:center;color:azure;font-family:sans-serif;">
+    <table>
         <tr>
           <td>
-            <img src="https://owlboard.info/images/logo/wide_logo.svg" style="height:100px;padding-top:0px;margin-top:0px">
+            <img src="https://owlboard.info/images/logo/wide_logo.svg" id="title">
           </td>
         </tr>
         <tr>
           <td>
-            <h1 style="color:#00b7b7">Register for OwlBoard</h1>
+            <h1>Register for OwlBoard</h1>
               <br>
               <p>Use the link below to register for OwlBoard (Staff Version)</p>
               <br>
-              <a href="https://owlboard.info/auth.html?key=>>ACCESSCODE<<" style="color:azure;font-size:larger;background-color:#007979;padding:8px;padding-left:12px;padding-right:12px;text-decoration:none;border-radius:14px;">Register</a>
+              <a href="https://owlboard.info/auth.html?key=>>ACCESSCODE<<" id="button">Register</a>
               <br><br><br>
               <p>Alternatively copy and paste the link "https://owlboard.info/auth.html?key=>>ACCESSCODE<<</p>
               <p>This registration is for one device only, you can register again using the 
