From c11243634db9c9436560841e4af94ead93625c63 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Tue, 29 Oct 2024 14:28:26 +0900
Subject: [PATCH] Put glossary tooltip styles in ABC order

---
 src/css/custom.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index c776d688..fa7a6a85 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -103,21 +103,21 @@ html[data-theme="dark"] .navbar-sidebar .header-github-link {
 
 /* Glossary tooltip styles */
 .glossary-term {
-  text-decoration: underline dotted; /* Dotted underline */
   cursor: help; /* Change cursor to indicate help */
+  text-decoration: underline dotted; /* Dotted underline */
 }
 
 .tooltip-glossary {
-  position: absolute; /* Position relative to the nearest positioned ancestor */
   background-color: #f6f6f6;
   border: 1px solid #ccc;
-  padding: 5px;
-  z-index: 10;
-  visibility: visible;
+  border-radius: 4px; /* Optional: round the corners */
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: add a shadow */
   opacity: 1;
+  position: absolute; /* Position relative to the nearest positioned ancestor */
+  padding: 5px;  
   transform: translateY(5px); /* Move tooltip slightly down */
+  visibility: visible;
   white-space: normal; /* Prevent text wrapping */
-  border-radius: 4px; /* Optional: round the corners */
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: add a shadow */
   width: 400px; /* Set a maximum width for the tooltip */
+  z-index: 10;
 }