From 57184ceea0e91e0b85aa6f2845569c217db21af6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= <lukas@kucharczyk.xyz>
Date: Mon, 2 Sep 2024 23:44:18 +0200
Subject: [PATCH] add one more breakpoint to better utilize smaller screens

---
 games/static/base.css               | 26 +++++++++++++++++---------
 games/templates/list_purchases.html |  2 +-
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/games/static/base.css b/games/static/base.css
index 4dc5583..7679a6d 100644
--- a/games/static/base.css
+++ b/games/static/base.css
@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -1816,6 +1816,11 @@ input:checked + .toggle-bg {
   border-color: rgb(220 215 254 / var(--tw-border-opacity));
 }
 
+.\!bg-gray-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
+}
+
 .bg-blue-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(225 239 254 / var(--tw-bg-opacity));
@@ -1961,10 +1966,6 @@ input:checked + .toggle-bg {
   text-align: center;
 }
 
-.text-right {
-  text-align: right;
-}
-
 .align-top {
   vertical-align: top;
 }
@@ -2721,6 +2722,11 @@ textarea:disabled:is(.dark *) {
   border-color: transparent;
 }
 
+.dark\:\!bg-gray-700:is(.dark *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
+}
+
 .dark\:bg-blue-200:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(195 221 253 / var(--tw-bg-opacity));
@@ -3048,6 +3054,12 @@ textarea:disabled:is(.dark *) {
   }
 }
 
+@media (min-width: 1280px) {
+  .xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+}
+
 @media (min-width: 1536px) {
   .\32xl\:max-w-screen-2xl {
     max-width: 1536px;
@@ -3063,10 +3075,6 @@ textarea:disabled:is(.dark *) {
   --tw-space-x-reverse: 1;
 }
 
-.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *) {
-  text-align: left;
-}
-
 .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
   text-align: right;
 }
diff --git a/games/templates/list_purchases.html b/games/templates/list_purchases.html
index ac553d9..8ea2bb0 100644
--- a/games/templates/list_purchases.html
+++ b/games/templates/list_purchases.html
@@ -4,7 +4,7 @@
     {{ title }}
 {% endblock title %}
 {% block content %}
-    <div class="2xl:max-w-screen-2xl md:max-w-screen-md sm:max-w-screen-sm self-center">
+    <div class="2xl:max-w-screen-2xl xl:max-w-screen-xl md:max-w-screen-md sm:max-w-screen-sm self-center">
         <c-simple-table :columns=data.columns :rows=data.rows :page_obj=page_obj :elided_page_range=elided_page_range />
     </div>
 {% endblock content %}