From d0ad8771aa8bcf4c4d9ce7b8131e025b2e418438 Mon Sep 17 00:00:00 2001
From: Abhishek kushwaha <abhishekkushwaha1479@gmail.com>
Date: Mon, 19 Aug 2024 11:12:01 +0530
Subject: [PATCH] fix: typo and update styling in glossary page (#442)

Signed-off-by: Abhishek kushwaha <abhishekkushwaha1479@gmail.com>
Co-authored-by: Animesh Pathak <kurosakiichigo.songoku@gmail.com>
---
 src/pages/concepts/reference/glossary.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/concepts/reference/glossary.js b/src/pages/concepts/reference/glossary.js
index 2a38f16dc..a9501cbb5 100644
--- a/src/pages/concepts/reference/glossary.js
+++ b/src/pages/concepts/reference/glossary.js
@@ -155,7 +155,7 @@ function Glossary() {
               className={`col-span-1  gap-2 rounded-sm p-3
                     ${
                       state[String.fromCharCode(65 + i)]
-                        ? "text-black-200 rounded-3xl bg-orange-200 font-bold shadow-md hover:text-orange-950"
+                        ? "text-black-200 rounded-3xl bg-orange-200 font-bold shadow-md hover:text-orange-950 dark:text-orange-900"
                         : entries[String.fromCharCode(65 + i)] === undefined
                         ? "bg-transparent text-gray-400" // Modified color class
                         : "bg-grey-200 rounded-3xl shadow-md"
@@ -175,13 +175,13 @@ function Glossary() {
         <div className="-mb-3 mt-10 flex flex-wrap justify-center gap-4 text-xl font-semibold">
           {Object.entries(state).map(([key, value]) => {
             return (
-              <div key={key} className="col-span-3 mb-4 w-1/4">
+              <div key={key} className="mb-4 w-1/4">
                 <div key={key}>{value ? key : ""}</div>
                 {value ? (
-                  <div className="text-l flex grid justify-around">
+                  <div className="ml-4 flex flex-col justify-around text-xl">
                     {entries[key]?.map(({name, link}, i) => (
                       <a
-                        className="text-orange-600 hover:text-orange-950 hover:underline"
+                        className="text-orange-600 hover:text-orange-800 hover:underline"
                         key={i}
                         href={link}
                       >