From 9655640b806fb452ac8d9d7429cdfffa28a3f792 Mon Sep 17 00:00:00 2001
From: Daniel Nitsikopoulos <daniel@dnitza.com>
Date: Tue, 28 Feb 2023 09:47:23 +1100
Subject: [PATCH] Clean up mobile things

---
 app/templates/posts/show.html.slim   | 2 +-
 app/templates/shared/_tags.html.slim | 2 +-
 app/templates/site/home.html.slim    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/templates/posts/show.html.slim b/app/templates/posts/show.html.slim
index 86df9cc..210874f 100644
--- a/app/templates/posts/show.html.slim
+++ b/app/templates/posts/show.html.slim
@@ -34,7 +34,7 @@ article class="h-entry"
       p
         a class="p-author h-card" href=Hanami.app.settings.micropub_site_url
           = "by #{Hanami.app.settings.site_name}"
-    span class="text-right flex-1"
+    span class="text-right flex-1 leading-6"
       == render :tags, tags: post.tags
   div class="mb-2 max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
     - if post.syndicated?
diff --git a/app/templates/shared/_tags.html.slim b/app/templates/shared/_tags.html.slim
index 1872d73..9340be6 100644
--- a/app/templates/shared/_tags.html.slim
+++ b/app/templates/shared/_tags.html.slim
@@ -1,6 +1,6 @@
 - if tags.count > 0
   div class="mb-2"
-    span class="text-sm text-gray-600 dark:text-gray-200"
+    span class="text-sm text-gray-600 dark:text-gray-200 leading-10"
       = "Tagged: "
     - tags.each do |tag|
       span
diff --git a/app/templates/site/home.html.slim b/app/templates/site/home.html.slim
index 7c97412..81dc3a8 100644
--- a/app/templates/site/home.html.slim
+++ b/app/templates/site/home.html.slim
@@ -5,10 +5,10 @@ div class="h-card prose dark:prose-invert mb-12 max-w-prose mx-auto text-gray-80
 div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
 
 div class="mb-12 p-2 grid grid-cols-7 gap-4 min-h-16 max-w-prose mx-auto bg-fuchsia-100 dark:bg-fuchsia-800 dark:text-gray-200 rounded"
-  div class="col-span-6 text-left"
+  div class="col-span-4 sm:col-span-6 text-left"
     a class="block my-auto hover:underline decoration-wavy" href=latest_status.permalink
       == "#{latest_status.raw_content}"
-  a class="col-span-1 px-2 text-center transition-colors rounded bg-fuchsia-50 hover:bg-fuchsia-200 dark:bg-fuchsia-900 dark:hover:bg-fuchsia-700 inline-block grid content-center max-h-12 my-auto" href="/statuses"
+  a class="col-span-3 sm:col-span-1 px-2 text-center transition-colors rounded bg-fuchsia-50 hover:bg-fuchsia-200 dark:bg-fuchsia-900 dark:hover:bg-fuchsia-700 inline-block grid content-center max-h-12 my-auto" href="/statuses"
       p See all