Tweaks and fixes

TarteelAI · Aug 16, 2024 · c6bcb82 · c6bcb82
1 parent 8be2cb9
commit c6bcb82
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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">