From 8ff9a0e3ef822eddb11ab0d07afeeefe5b144c2c Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Mon, 31 Oct 2022 19:10:44 +0530
Subject: Layout & Style Fixes in Article

---
 src/_includes/assets/css/styles.css | 10 +++++-----
 src/posts/big-list-game-dev.njk     | 20 +++++++-------------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index 874c75c..34b7254 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -832,6 +832,11 @@ select {
   margin-bottom: 0px;
 }
 
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
 .my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -852,11 +857,6 @@ select {
   margin-right: -2rem;
 }
 
-.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-
 .mt-10 {
   margin-top: 2.5rem;
 }
diff --git a/src/posts/big-list-game-dev.njk b/src/posts/big-list-game-dev.njk
index 9fadb58..d8523f8 100644
--- a/src/posts/big-list-game-dev.njk
+++ b/src/posts/big-list-game-dev.njk
@@ -19,30 +19,27 @@ title: Big List of Open Source Game Development Tools
 <div class="mt-5">
     <div class="overflow-auto">
         <table class="min-w-full">
-            <thead class="border-b">
+            <thead class="border-b uppercase">
                 <tr>
-                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                    <th scope="col" class="text-sm font-bold text-gray-900 px-6 py-4 text-left">
                                 Tool
                             </th>
-                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                    <th scope="col" class="text-sm font-bold text-gray-900 px-6 py-4 text-left">
                                 Tool Type
                             </th>
-                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                    <th scope="col" class="text-sm font-bold text-gray-900 px-6 py-4 text-left">
                                 Supported Graphics
                             </th>
-                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                    <th scope="col" class="text-sm font-bold text-gray-900 px-6 py-4 text-left">
                                 OS Supported
                             </th>
-                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
-                                Link
-                            </th>
                 </tr>
             </thead>
             <tbody>
                 {% for tool in gtools.gameTools%}
                     <tr class="border-b">
-                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
-                            {{tool.toolName}}
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap underline">
+                            <a href={{tool.link}}>{{tool.toolName}}</a>
                         </td>
                         <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
                             {{tool.type}}
@@ -53,9 +50,6 @@ title: Big List of Open Source Game Development Tools
                         <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
                             {{tool.os}}
                         </td>
-                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
-                            {{tool.link}}
-                        </td>
                     </tr>
                 {% endfor %}
             </tbody>
-- 
cgit v1.2.3