From 369e67375e7572f8426c1db7df303737399dfda6 Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Wed, 5 Aug 2026 22:44:27 +0200
Subject: [PATCH] chore: responsiveness tweaks facet.css

---
 src/styles/diffuse/facet.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/styles/diffuse/facet.css b/src/styles/diffuse/facet.css
index 7cecdea9..3fdf4e5a 100644
--- a/src/styles/diffuse/facet.css
+++ b/src/styles/diffuse/facet.css
@@ -4,9 +4,13 @@ body {
 }
 
 main {
-  padding: var(--space-2xl) var(--space-xl);
+  padding: var(--space-xl) var(--space-lg);
 
-  @media (min-width: 48rem) {
+  @media (min-width: 32rem) {
+    padding: var(--space-2xl) var(--space-xl);
+  }
+
+  @media (min-width: 56rem) {
     display: flex;
     flex-direction: row;
     gap: var(--space-2xl);
@@ -32,7 +36,7 @@ label {
   margin-bottom: var(--space-lg);
   max-width: 24rem;
 
-  @media (min-width: 48rem) {
+  @media (min-width: 56rem) {
     align-self: stretch;
     display: flex;
     flex-direction: column;
@@ -50,7 +54,7 @@ label {
   flex: 1;
   max-width: 24rem;
 
-  @media (min-width: 48rem) {
+  @media (min-width: 56rem) {
     display: flex;
     flex-direction: column;
     justify-content: center;
-- 
2.51.2