From b8b614e68df882dbccb9a904b464aa01eea2bf35 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Fri, 21 Oct 2022 11:08:16 -0700
Subject: [PATCH] Clean up some photos selectors -- use child selectors instead
 of descendant

---
 content/photos/photos.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/content/photos/photos.css b/content/photos/photos.css
index 37f2a25..36634d8 100644
--- a/content/photos/photos.css
+++ b/content/photos/photos.css
@@ -22,7 +22,7 @@
     --rss-icon: url(/icons/rss-dark.svg);
 }
 
-main.photos.list {
+.photos.list {
     display: inline-block;
     max-width: none;
     margin: var(--body-item-spacing) 0;
@@ -30,7 +30,7 @@ main.photos.list {
     width: 100%;
 }
 
-main.photos.list ul.grid {
+.photos.list > .grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 0.8rem;
@@ -38,20 +38,25 @@ main.photos.list ul.grid {
     padding: 0;
 }
 @media (max-width: 415px) {
-    .photos ul.grid {
+    .photos > .grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 
-.photos .grid li {
+.photos.page > nav {
+    margin-block-end: var(--body-item-spacing);
+}
+
+.photos > .grid > li {
     line-height: 0;
     list-style: none;
 }
 
-.photos .grid li a {
+.photos > .grid > li > a {
+    display: block;
 }
 
-.photos .grid li img {
+.photos > .grid > li img {
     border-radius: 3px;
 }