From e6f8f43b6ca5ff00d33b3a539e67eb2255fa1dd0 Mon Sep 17 00:00:00 2001
From: sptaule <lecas83@gmail.com>
Date: Sat, 29 Jan 2022 14:42:09 +0100
Subject: Improve responsive, icons, refactor search, update readme

---
 templates/section.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'templates/section.html')

diff --git a/templates/section.html b/templates/section.html
index 83c5134..5d47d46 100755
--- a/templates/section.html
+++ b/templates/section.html
@@ -14,7 +14,7 @@
     <div class="content">
       {{ section.content | safe }}
     </div>
-    <div class="columns is-centered">
+    <div class="px-0 md:px-8 xl:px-4 2xl:px-0">
       <div class="space-y-20">
         {% if paginator %}
           {% set pages = paginator.pages %}
@@ -23,7 +23,7 @@
         {% endif %}
 
         {% for page in pages %}
-        <article class="border-l-4 border-garage-gray pl-4">
+        <article class="border-l-4 border-garage-gray pl-4 max-w-5xl">
           <h2 class="text-garage-gray hover:text-garage-orange text-2xl pb-3">
             <a class="w-full block" href='{{ page.permalink }}'>
               {{ page.title }}
@@ -41,8 +41,10 @@
             </div>
           </div>
           <div class="content mt-2">
-            {{ page.summary | safe }}
-            <a class="group py-4 font-semibold px-4 py-2 flex items-center space-x-1 text-garage-orange" href='{{ page.permalink }}'>
+            <div class="text-gray-700">
+              {{ page.summary | safe }}
+            </div>
+            <a class="group font-semibold p-4 flex items-center space-x-1 text-garage-orange" href='{{ page.permalink }}'>
               <div class="h-0.5 mt-0.5 w-4 group-hover:w-8 group-hover:bg-garage-gray transition-all bg-garage-orange"></div>
               <span>Read</span>
               <span class="text-garage-orange group-hover:text-garage-gray transition-all">
-- 
cgit v1.2.3