From c16f60bbfcdf5845329cc4f03837fe3d53497005 Mon Sep 17 00:00:00 2001
From: Marwan Ansari <8071158+marwan@users.noreply.github.com>
Date: Mon, 25 Nov 2024 02:49:28 +0530
Subject: [PATCH] design fixes

---
 src/routes/+page.svelte             | 2 +-
 src/routes/page/[page]/+page.svelte | 2 +-
 static/css/global.css               | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b9b1b68c..389f2478 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -46,7 +46,7 @@
 	<div class="w-full flex flex-col md:justify-center text-xs space-y-8 scale-[0.70] md:scale-[0.85] theme-grayscale">
 		<div class="flex flex-row space-x-4 justify-center">
 			{#each Object.entries(homepageLinks) as [id, link]}
-				<a href={link.link} class="min-w-28 border border-black/10 transition text-sm bg-transparent rounded-3xl p-5 hover:cursor-pointer hover:bg-lightGray">
+				<a href={link.link} class="min-w-28 border border-black/15 transition text-sm bg-transparent rounded-3xl p-5 hover:cursor-pointer hover:bg-lightGray">
 					<div class="flex flex-col items-center justify-center space-y-2">
 						<div class="text-sm md:text-lg opacity-70">
 							<svelte:component this={link.icon} size={7} />
diff --git a/src/routes/page/[page]/+page.svelte b/src/routes/page/[page]/+page.svelte
index 373eae79..82965be1 100644
--- a/src/routes/page/[page]/+page.svelte
+++ b/src/routes/page/[page]/+page.svelte
@@ -132,7 +132,7 @@
 					<!-- if it's the first verse of a chapter -->
 					{#if chapters.length > 0 && lines.includes(line) && verses[lines.indexOf(line)] === 1}
 						<div class="flex flex-col my-2">
-							<div style="font-family: chapter-headers" class="header invisible leading-base md:pt-8 pb-6 text-[28vw] md:text-[195px] lg:text-[195px]">{chapterHeaderCodes[chapters[lines.indexOf(line)]]}</div>
+							<div style="font-family: chapter-headers" class="header invisible leading-base pt-4 md:pt-8 pb-6 text-[28vw] md:text-[195px] lg:text-[195px]">{chapterHeaderCodes[chapters[lines.indexOf(line)]]}</div>
 
 							<Bismillah {chapters} {lines} {line} />
 						</div>
diff --git a/static/css/global.css b/static/css/global.css
index 27f8e542..746ccfa6 100644
--- a/static/css/global.css
+++ b/static/css/global.css
@@ -2130,6 +2130,10 @@ input[type="range"].range-lg::-moz-range-thumb {
   border-color: rgb(0 0 0 / 0.1);
 }
 
+.border-black\/15 {
+  border-color: rgb(0 0 0 / 0.15);
+}
+
 .border-blue-700 {
   --tw-border-opacity: 1;
   border-color: rgb(29 78 216 / var(--tw-border-opacity));