From ca866ef15334460bab21df0d261b1d999a0374f5 Mon Sep 17 00:00:00 2001
From: Hippo <badrihippo@gmail.com>
Date: Tue, 11 Jan 2022 14:58:08 +0530
Subject: [PATCH] Set maximum width for recent pledge tile in mobile

Otherwise, if someone puts a long message it'll come on one line
and make for a very loooong tile, and people being impatient will
soon get bored by it and not end up reaching (and getting tempted
by) the other pledges.
---
 src/index.htm.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.htm.twig b/src/index.htm.twig
index e484000..614cf81 100644
--- a/src/index.htm.twig
+++ b/src/index.htm.twig
@@ -243,7 +243,7 @@
       <h4 class="font-sans text-center text-black text-2xl mb-4">Recent Pledges</h4>
       <ul class="font-sans overflow-x-scroll grid grid-flow-col auto-cols-max gap-3 mx-3">
         {% for pledge in recent_pledges %}
-        <li class="bg-white rounded-md p-4">
+        <li class="bg-white rounded-md p-4 max-w-[14rem]">
           <div class="avatar">
             <span class="m-auto">
             {% if pledge.get('anonymous') %}?{% else %}{{ pledge.get('name')[:2] }}{% endif %}