From 2f6e3a870184e263a4803b79d7246a787d43c42d Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 16 Oct 2023 10:16:13 +0100
Subject: [PATCH] improve packet display

---
 css/main.css |  9 +++++++++
 index.html   | 11 +++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/css/main.css b/css/main.css
index d5537c6..8c36a56 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1115,4 +1115,13 @@ input[type="button"], button {
 
 .login-button {
     cursor: pointer;
+}
+
+h2:has(+ #exam-list:empty),  h2:has(+ #packet-list:empty){
+    opacity: 30%;
+}
+
+#exam-list:empty::after,  #packet-list:empty::after{
+    content: "None available.";
+    opacity: 30%;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index cf814df..979c9b8 100644
--- a/index.html
+++ b/index.html
@@ -68,14 +68,13 @@
                 <div id="packets">
                     <p>Click buttons below to load an exam / packet</p>
                     <span class="exam-wrapper">
-                        <h2>Available Exams:</h2>
-                        <span id="exam-list">
-
-                        </span>
+                        <h2>Exams:</h2>
+                        <span id="exam-list"></span>
                     </span>
 
-                    <h2>Available Packets:</h2>
-                    <span id="packet-list">
+                    <span class="packet-wrapper">
+                        <h2>Packets:</h2>
+                        <span id="packet-list"></span>
                     </span>
                 </div>
                 <div id="options-link">