From 346477be8867a9bc2cd72315ba3a408ed7c62032 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 2 Apr 2023 15:57:50 +0200
Subject: [PATCH] Increase product density on basket form

---
 src/checkout/settings.py                                       | 1 +
 src/purchase/static/purchase/css/basket_form.css               | 3 +--
 src/purchase/templates/purchase/snippets/basket_item.html      | 2 +-
 .../templates/purchase/snippets/basket_unpriced_item.html      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/checkout/settings.py b/src/checkout/settings.py
index f92600e..5587033 100644
--- a/src/checkout/settings.py
+++ b/src/checkout/settings.py
@@ -64,6 +64,7 @@ DEBUG = env("DEBUG")
 ALLOWED_HOSTS = ["localhost"]  # Required for healthcheck
 if DEBUG:
     ALLOWED_HOSTS.append("127.0.0.1")
+    ALLOWED_HOSTS.append("192.168.1.27")
 
 ALLOWED_HOSTS.extend(env("HOSTS"))
 
diff --git a/src/purchase/static/purchase/css/basket_form.css b/src/purchase/static/purchase/css/basket_form.css
index 725ad75..483538b 100644
--- a/src/purchase/static/purchase/css/basket_form.css
+++ b/src/purchase/static/purchase/css/basket_form.css
@@ -1,6 +1,5 @@
 .product-img-placeholder {
-    aspect-ratio: 1/1;
-    font-size: 6em;
+    font-size: 3em;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
diff --git a/src/purchase/templates/purchase/snippets/basket_item.html b/src/purchase/templates/purchase/snippets/basket_item.html
index c91ab0e..b0e61e4 100644
--- a/src/purchase/templates/purchase/snippets/basket_item.html
+++ b/src/purchase/templates/purchase/snippets/basket_item.html
@@ -12,7 +12,7 @@
             </div>
         {% endif %}
         <div class="card-body">
-            <h4 class="card-title">{{ product.name }}</h4>
+            <h5 class="card-title">{{ product.name }}</h5>
             <div class="input-group">
                 <button class="btn btn-danger" type="button" onclick="decrementValue('{{ field.id_for_label }}')"><i class="fa-solid fa-minus"></i></button>
                 {% crispy_field field 'class' 'form-control' 'inputmode' 'numeric' %}
diff --git a/src/purchase/templates/purchase/snippets/basket_unpriced_item.html b/src/purchase/templates/purchase/snippets/basket_unpriced_item.html
index 0c9ea87..f728830 100644
--- a/src/purchase/templates/purchase/snippets/basket_unpriced_item.html
+++ b/src/purchase/templates/purchase/snippets/basket_unpriced_item.html
@@ -12,7 +12,7 @@
             </div>
         {% endif %}
         <div class="card-body">
-            <h4 class="card-title">{{ product.name }}</h4>
+            <h5 class="card-title">{{ product.name }}</h5>
             <div class="input-group">
                 <input type="number" step="1" inputmode="numeric" min="0"
                        name="unpriced_product-{{ product.pk }}" class="numberinput form-control" required="" id="unpriced_id_product-{{ product.pk }}"