Small fixes

src/pages/settings/server/Invites.tsx

@@ -1,3 +1,4 @@
+import { Text } from "preact-i18n";
 import styles from './Panes.module.scss';
 import { XCircle } from "@styled-icons/boxicons-regular";
 import { useEffect, useState } from "preact/hooks";
@@ -27,6 +28,12 @@ export function Invites({ server }: Props) {
 
     return (
         <div className={styles.invites}>
+            <div className={styles.subtitle}>
+                <span>Invite Code</span>
+                <span>Invitor</span>
+                <span>Channel</span>
+                <span>Revoke</span>
+            </div>
             { typeof invites === 'undefined' && <Preloader type="ring" /> }
             {
                 invites?.map(

src/pages/settings/server/Panes.module.scss

@@ -18,9 +18,18 @@
     display: flex;
     flex-direction: column;
 
+    .subtitle {
+        display: flex;
+        justify-content: space-between;
+        font-size: 13px;
+        text-transform: uppercase;
+        color: var(--secondary-foreground);
+        font-weight: 700;
+    }
+
     .invite {
         gap: 8px;
-        padding: 8px;
+        padding: 10px;
         display: flex;
         align-items: center;
         flex-direction: row;