From af011cf1ab838dddf9e3563a0d9658cfbd74011d Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Tue, 21 May 2024 16:22:12 +0200
Subject: [PATCH] wrap the devlog image in a div to hopefully make firefox
 mobile happy

---
 web/_includes/devlog_category.html | 4 +++-
 web/style.css                      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/_includes/devlog_category.html b/web/_includes/devlog_category.html
index 1ca9eb7..e2e8a5d 100644
--- a/web/_includes/devlog_category.html
+++ b/web/_includes/devlog_category.html
@@ -12,7 +12,9 @@
                     {% else %}
                         {% assign url = post.url | append: post.image %}
                     {% endif %}
-                    <img src="{{ url }}" class="devlog-image" width="100%" alt="Cover image for post {{ post.title }}">
+                    <div class="devlog-image">
+                        <img src="{{ url }}" width="100%" alt="Cover image for post {{ post.title }}">
+                    </div>
                 {% endif %}
                 <h4 class="devlog-title">{{ post.title }}</h4>
                 <div class="text-muted">{{ post.date | date_to_string }}</div>
diff --git a/web/style.css b/web/style.css
index c1ec814..7a77512 100644
--- a/web/style.css
+++ b/web/style.css
@@ -158,7 +158,7 @@ a:visited.wide-link {
     margin-top: 20px;
 }
 
-.devlog-image {
+.devlog-image img {
     max-height: 120px;
     object-fit: cover;
     margin-bottom: 10px;