From 79d8d899bb8c51e51ae8614cb02261eb50e53e7f Mon Sep 17 00:00:00 2001
From: "Dustin C. Hatch" <dustin@hatch.name>
Date: Fri, 14 Mar 2025 20:42:07 -0500
Subject: [PATCH] receipt/view: Fix image sizing on moble

I wasn't paying attention and added a bunch of CSS rules that only apply
to destkop screen sizes that should apply to all clients.
---
 templates/receipt.html.tera | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/templates/receipt.html.tera b/templates/receipt.html.tera
index e48bb8b..4f53905 100644
--- a/templates/receipt.html.tera
+++ b/templates/receipt.html.tera
@@ -1,6 +1,19 @@
 {% extends "base" %} {% block head %}
 <title>Receipt: ${{ amount }} at {{ vendor }}</title>
 <style>
+  .photo {
+    max-width: 100%;
+  }
+
+  .photo img {
+    max-width: 100%;
+  }
+
+  .photo iframe {
+    width: 100%;
+    aspect-ratio: 8.5 / 11;
+  }
+
   @media screen and (min-width: 900px) {
     article {
       display: flex;
@@ -14,15 +27,6 @@
     .photo {
       flex-grow: 1;
     }
-
-    .photo img {
-      max-width: 100%;
-    }
-
-    .photo iframe {
-      width: 100%;
-      aspect-ratio: 8.5 / 11;
-    }
   }
 </style>
 {% endblock %} {% block main %}