From cb756fad5a7649e3dff9ff4df7e7ea662a7b7a07 Mon Sep 17 00:00:00 2001
From: inhji <johnnie@posteo.de>
Date: Tue, 23 May 2023 09:55:25 +0200
Subject: [PATCH] prevent channel links from overlapping

---
 lib/chiya_web/controllers/page_html/home.html.heex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/chiya_web/controllers/page_html/home.html.heex b/lib/chiya_web/controllers/page_html/home.html.heex
index dcebb6b..64369db 100644
--- a/lib/chiya_web/controllers/page_html/home.html.heex
+++ b/lib/chiya_web/controllers/page_html/home.html.heex
@@ -10,13 +10,13 @@
 <section class="mx-auto max-w-xl mt-8 text-sm">
   <ul class="flex flex-wrap gap-3">
     <li>
-      <a href="#" class="text-theme-base px-3 py-2.5  hover:bg-theme-background1 rounded transition font-semibold">
+      <a href="#" class="inline-block text-theme-base px-3 py-2.5  hover:bg-theme-background1 rounded transition font-semibold">
         <.icon name="hero-megaphone" />
       </a>
     </li>
   <%= for channel <- @channels do %>
     <li>
-      <a href={~p"/c/#{channel.slug}"} class="text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold">
+      <a href={~p"/c/#{channel.slug}"} class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold">
         <%= channel.name %>
       </a>
     </li>