From c6bcb82abc049f597a2bb3955aab22cf9d745ba0 Mon Sep 17 00:00:00 2001
From: Faheem Patel <faheem@faheempatel.com>
Date: Fri, 16 Aug 2024 11:59:27 +0100
Subject: [PATCH] Tweaks and fixes

---
 .../stylesheets/landing_page/_tool_cards.scss |  7 ++++-
 app/views/community/tools.html.erb            | 28 +++++++++----------
 app/views/resources/show.html.erb             |  2 +-
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/app/assets/stylesheets/landing_page/_tool_cards.scss b/app/assets/stylesheets/landing_page/_tool_cards.scss
index 6c3dcdb3..dbd38529 100644
--- a/app/assets/stylesheets/landing_page/_tool_cards.scss
+++ b/app/assets/stylesheets/landing_page/_tool_cards.scss
@@ -1,6 +1,11 @@
 .card-container {
   display: grid;
-    grid-template-columns: 1fr;
+  grid-template-columns: 1fr;
+
+  > a {
+    color: white;
+    text-decoration: none;
+  }
 
   @media (min-width: $screen-md) {
     grid-template-columns: 1fr 1fr;
diff --git a/app/views/community/tools.html.erb b/app/views/community/tools.html.erb
index bcbadf50..1467e5ad 100644
--- a/app/views/community/tools.html.erb
+++ b/app/views/community/tools.html.erb
@@ -18,39 +18,39 @@
   </div>
 
   <div class="container-lg">
-    <div class="mt-3">
-      <h2 class="mb-3">
+    <div class="pt-4 pt-md-5">
+      <h2>
         Welcome to the QUL Tools Page
       </h2>
-      <div class="alert alert-secondary">
-         <div class="mb-1">
+      <div class="alert alert-secondary mt-3">
+         <p>
            This page provides a suite of tools designed to help you review, proofread, and improve the data in the
            Quranic Universal Library.
-         </div>
+         </p>
 
-        <div class="mb-1">
+        <p>
           Whether you’re fixing typos in translations, adjusting audio timings, designing a new Mushaf layout, testing a new font, or proofreading content, these tools empower you to ensure that your work is precise, accurate, and ready for use.
-        </div>
+        </p>
 
-        <div class="mb-1">
+        <p>
           Your contributions are crucial in maintaining the integrity and quality of the information we
           provide. Please use these tools thoughtfully, and refer to the guidelines provided for each tool to understand
           their specific functions and how best to utilize them.
-        </div>
+        </p>
 
-        <div>
+        <p>
           <strong>
-            To make changes
-            <a href="https://support.tarteel.ai/hc/en-us/requests/new" target="_blank" class="text-dark">Click here</a>
+            To make changes,
+            <a href="https://support.tarteel.ai/hc/en-us/requests/new" target="_blank" class="text-dark">click here</a>
            to request editing permissions.
           </strong>
-         </div>
+         </p>
       </div>
     </div>
   </div>
 
   <div class="mt-4 resources-list container-lg">
-    <div class='card-container gap-4 tools-container'>
+    <div class='card-container gap-4'>
       <% developer_tools.each do |tool| %>
         <a href="<%= tool.url %>">
           <div class="resource-card tool-card tool-card-with-bg position-relative pattern<%= patterns.sample %>">
diff --git a/app/views/resources/show.html.erb b/app/views/resources/show.html.erb
index cc27683c..b64b19c6 100644
--- a/app/views/resources/show.html.erb
+++ b/app/views/resources/show.html.erb
@@ -68,7 +68,7 @@
   <div class="mt-4 resources-list container-lg">
     <%= render 'shared/page_font', verses: [@preview_verse] if is_quran_script %>
 
-    <div class='card-container gap-4'>
+    <div class="card-container gap-4">
       <% @resources.each do |resource| %>
         <div class="resource-card tool-card-with-bg pattern<%= patterns.sample %>" data-search="<%= resource.name.to_s.downcase %> <%= resource.resource_type.to_s.downcase %> <%= resource.tags.to_s.downcase %> <%= resource.humanize_cardinality_type.to_s.downcase %>">
           <div class="p-4 h-100 d-flex flex-column justify-content-between">