From f5edced9086e8a0aedcadc6e2ad50777b4c5ed3e Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Fri, 25 Oct 2024 13:04:04 -0700
Subject: [PATCH] improve footer accessibility + fix search font

---
 src/components/Footer.astro    |  4 ++--
 src/styles/docs/nav/search.css |  1 -
 src/styles/global.css          | 12 +++++++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index f040204..f4d22b2 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -12,10 +12,10 @@ import gitLogo from "@icons/git-logo.svg?raw";
     </a>
   </section>
   <section class="socials">
-    <a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank">
+    <a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank" aria-label="Join our matrix space">
       <Fragment set:html={matrixLogo}/>
     </a>
-    <a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank">
+    <a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank" aria-label="Visit our git server">
       <Fragment set:html={gitLogo}/>
     </a>
   </section>
diff --git a/src/styles/docs/nav/search.css b/src/styles/docs/nav/search.css
index 87964ab..b1820c4 100644
--- a/src/styles/docs/nav/search.css
+++ b/src/styles/docs/nav/search.css
@@ -380,7 +380,6 @@ button[data-close-modal] {
 #qs_search {
   --pagefind-ui-primary: hsla(var(--accent-400));
   --pagefind-ui-text: hsla(0 0 60);
-  --pagefind-ui-font: Rubik;
   --pagefind-ui-background: hsl(var(--blue) 10 15);
   --pagefind-ui-border: hsl(var(--blue) 30 25);
   --pagefind-ui-border-width: 1px;
diff --git a/src/styles/global.css b/src/styles/global.css
index cfe1fdc..6ff1e60 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -185,15 +185,15 @@ footer {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: 0.127rem;
+    gap: 0.2rem;
     color: hsl(var(--text-dark));
 
-    &>p {
+    & > p {
       margin-bottom: 0.2rem;
       color: hsl(0 0 40);
     }
 
-    &>a {
+    & > a {
       text-decoration: none;
     }
   }
@@ -214,6 +214,12 @@ footer {
   }
 }
 
+@media not (min-width: 40rem) {
+  footer .credits > a {
+    padding: 0.2rem;
+  }
+}
+
 @media (min-width: 40rem) {
   html {
     font-size: 16px;