From f287c5fd61052cb1c180ecf1430a3ff73a607b7b Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Fri, 5 Jan 2024 10:28:30 -0800
Subject: [PATCH] chore: consistent media grid spacing

---
 src/_includes/partials/now/albumReleases.liquid | 2 +-
 src/_includes/partials/now/links.liquid         | 2 +-
 src/assets/styles/partials/animations.css       | 8 ++------
 src/assets/styles/widgets/media-grid.css        | 5 +++++
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index 1efc0ef2..781cd35f 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -3,7 +3,7 @@
     {% tablericon "calendar-time" "Anticipated albums" %}
     Anticipated albums
   </h2>
-  <ul>
+  <ul class="media__links">
     {% for album in albumReleases %}
       <li>
         <strong>{{ album.date | readableDate }}: </strong>
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index ce39616e..4ff7cf09 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -3,7 +3,7 @@
     {% tablericon "link" "Links" %}
     Links
   </h2>
-  <ul>
+  <ul class="media__links">
     {% for link in links limit: 5 %}
       <li>
         <a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}">
diff --git a/src/assets/styles/partials/animations.css b/src/assets/styles/partials/animations.css
index 49125a32..2d0f0cd0 100644
--- a/src/assets/styles/partials/animations.css
+++ b/src/assets/styles/partials/animations.css
@@ -1,8 +1,4 @@
 @keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+  from { transform: rotate(0deg) }
+  to { transform: rotate(360deg) }
 }
\ No newline at end of file
diff --git a/src/assets/styles/widgets/media-grid.css b/src/assets/styles/widgets/media-grid.css
index 39706fd4..fb8ea94e 100644
--- a/src/assets/styles/widgets/media-grid.css
+++ b/src/assets/styles/widgets/media-grid.css
@@ -70,6 +70,11 @@
   height: 100%;
 }
 
+.media__links,
+.media__links li:last-child {
+  margin-bottom: 0;
+}
+
 @media screen and (min-width: 768px) {
   .media__grid.square {
     grid-template-columns: repeat(4,minmax(0,1fr));