Fix headings on mobile devices

honeylogic-io · Feb 9, 2022 · ef00b98 · ef00b98
1 parent 0dc4fa1
commit ef00b98
Show file tree

Hide file tree

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