From 68bafb6f6699c5db6a41fab8dc90f83dcde5d001 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Tue, 27 Jun 2023 11:04:09 -0700
Subject: [PATCH] fix: icon alignment
---
src/_includes/now.liquid | 20 ++++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/_includes/now.liquid b/src/_includes/now.liquid
index f72ecadc..e671a657 100644
--- a/src/_includes/now.liquid
+++ b/src/_includes/now.liquid
@@ -7,16 +7,16 @@ layout: main
<div class="ml-1">Currently</div>
</h2>
<div class="pl-4 md:pl-8">
- <p class="my-2 flex flex-row items-center">
- <span class="mr-1">{{ status.emoji }}</span>
+ <p class="my-2 flex flex-row items-start md:items-center">
+ <span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
<span>{{ status.content }}</span>
</p>
- <p class="my-2 flex flex-row items-center">
- <span class="mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
+ <p class="my-2 flex flex-row items-start md:items-center">
+ <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
<span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
</p>
- <p class="my-2 flex flex-row items-center">
- <span class="mr-1">
+ <p class="my-2 flex flex-row items-start md:items-center">
+ <span class="pt-1 md:pt-0 mr-1">
<svg
class="fill-gray-800 dark:fill-white w-5"
role="img"
@@ -35,8 +35,8 @@ layout: main
<div class="ml-1">Making</div>
</h2>
<div class="pl-4 md:pl-8">
- <p class="my-2 flex flex-row items-center">
- <span class="mr-1">
+ <p class="my-2 flex flex-row items-start md:items-center">
+ <span class="pt-1 md:pt-0 mr-1">
{% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %}
</span>
<span>
@@ -44,8 +44,8 @@ layout: main
<a href="/">blog</a>, and whatever else I can find time for.
</span>
</p>
- <p class="my-2 flex flex-row items-center">
- <span class="mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
+ <p class="my-2 flex flex-row items-start md:items-center">
+ <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
</p>
</div>