From ef00b98c8cc3a22c9fedfe7cd9e7f624c0e55e25 Mon Sep 17 00:00:00 2001
From: Dani Hodovic <dani.hodovic@gmail.com>
Date: Wed, 9 Feb 2022 17:47:03 +0200
Subject: [PATCH] Fix headings on mobile devices

---
 pyproject.toml                                            | 2 +-
 .../templates/wagtail_code_blog/blog_page_body.html       | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pyproject.toml b/pyproject.toml
index 3243c2a..f9a7a34 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "poetry.masonry.api"
 
 [tool.poetry]
 name = "wagtail-code-blog"
-version = "0.2.3"
+version = "0.2.4"
 license = "MIT"
 description = "A wagtail code blog"
 authors = ["Dani Hodovic <dani.hodovic@gmail.com>"]
diff --git a/wagtail_code_blog/templates/wagtail_code_blog/blog_page_body.html b/wagtail_code_blog/templates/wagtail_code_blog/blog_page_body.html
index 1e42481..1e0fbe4 100644
--- a/wagtail_code_blog/templates/wagtail_code_blog/blog_page_body.html
+++ b/wagtail_code_blog/templates/wagtail_code_blog/blog_page_body.html
@@ -4,13 +4,13 @@
   {% if page.image_url %}
   <img src="{{ page.image_url }}" alt="Image">
   {% endif %}
-  <h1 class="mt-4 text-xl font-semibold tracking-tighter md:text-5xl">{{ page.title }}</h1>
+  <h1 class="mt-4 text-xl font-semibold tracking-tighter text-center md:text-5xl">{{ page.title }}</h1>
   <div class="flex justify-end mt-4 mb-4 md:w-10/12 xl:w-8/12">
     <div class="flex items-center mr-3 md:mr-20">
       <div class="flex flex-col items-center justify-center my-6 ">
-        <span class="font-semibold">{{ page.author_name }}</span>
-        <span class="text-sm text-stone-500">{{ page.date }}</span>
-        <span class="text-sm text-stone-500">{{ page.readtime }}</span>
+        <span class="text-xs font-semibold md:text-base">{{ page.author_name }}</span>
+        <span class="text-xs md:text-sm text-stone-500">{{ page.date }}</span>
+        <span class="text-xs md:text-sm text-stone-500">{{ page.readtime }}</span>
       </div>
       {% if author_image %}
       <div class="ml-3">