From 94434cdcf8db11f805117197660226461867c38d Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 17 Apr 2024 12:19:57 +0100
Subject: [PATCH] Fix icon layout on versions page

---
 src/routes/more/versions/+page.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/routes/more/versions/+page.svelte b/src/routes/more/versions/+page.svelte
index 249926b..9a94f98 100644
--- a/src/routes/more/versions/+page.svelte
+++ b/src/routes/more/versions/+page.svelte
@@ -6,7 +6,7 @@
   import LargeLogo from '$lib/images/large-logo.svelte';
   import { version, versionTag } from '$lib/stores/version';
   import { getApiUrl } from '$lib/scripts/upstream';
-  import { IconBrandGolang, IconBrandJavascript, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
+  import { IconBrandGolang, IconBrandJavascript, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
   const title = 'Versions';
 
   async function getData() {
@@ -25,7 +25,7 @@
 {:then data}
   <Island>
     <p>
-      <IconBrandSvelte />
+      <IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
       <a class="data" href="https://git.fjla.uk/owlboard/owlboard-svelte" target="_blank"
         >Web-app version<br /><span class="data"
           >{version}{#if versionTag}-{versionTag}{/if}</span
@@ -33,7 +33,7 @@
       >
     </p>
     <p>
-      <IconBrandTypescript /><br>
+      <IconBrandNodejs /><IconBrandJavascript /><IconBrandTypescript /><br>
       <a class="data" href="https://git.fjla.uk/owlboard/backend" target="_blank">API Server version<br /><span class="data">{data?.backend || 'Unknown'}</span></a>
     </p>
     <p>
@@ -51,7 +51,7 @@
       <IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
       Web-app Version<br /><span class="data">{version}{#if versionTag}-{versionTag}{/if}</span>
     </p>
-    <p>Unable to fetch server versions</p>
+    <p>Unable to fetch server application versions</p>
   </Island>
 {/await}
 <Nav />
@@ -59,6 +59,7 @@
 <style>
   p {
     text-decoration: none;
+    padding: 15px;
   }
   .data {
     color: white;