From 791dccf2232efe04a180e99a5b4d3c27f75b2db7 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sun, 22 Feb 2026 00:24:36 +0100
Subject: [PATCH] fix: make is-land elements display block for proper widget
 spacing

The <is-land> custom element defaults to display:inline, which breaks
margin spacing between adjacent widgets. Setting it to block ensures
widgets wrapped in is-land (blogroll, social-activity, github, etc.)
get proper mb-4 spacing from the .widget class.
---
 css/tailwind.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/css/tailwind.css b/css/tailwind.css
index 27fdabf..9756175 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -278,6 +278,11 @@
     @apply inline-block px-3 py-1 text-sm bg-surface-100 dark:bg-surface-800 rounded-full;
   }
 
+  /* Ensure is-land custom elements don't break block layout flow */
+  is-land {
+    @apply block;
+  }
+
   /* Widget cards */
   .widget {
     @apply p-4 mb-4 bg-white dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm overflow-hidden;