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>