From 6531d3e763801e19fbc73e647894295eabe6274a Mon Sep 17 00:00:00 2001
From: David Benque <david.benque@xwiki.com>
Date: Wed, 27 Sep 2023 11:04:12 +0100
Subject: [PATCH] Add margin to sidebar buttons on small screens

---
 customize.dist/src/less2/include/sidebar-layout.less | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/customize.dist/src/less2/include/sidebar-layout.less b/customize.dist/src/less2/include/sidebar-layout.less
index 85e7e25da..4a1146fb1 100644
--- a/customize.dist/src/less2/include/sidebar-layout.less
+++ b/customize.dist/src/less2/include/sidebar-layout.less
@@ -57,8 +57,7 @@
                         text-overflow: ellipsis;
                         min-width: 0;
                         display: none;
-                        @media screen and (max-width: 600px)
-                        {
+                        @media screen and (max-width: @browser_media-medium-screen) {
                             display: inline;
                         }
                     }
@@ -154,7 +153,7 @@
                 padding-bottom: 20px;
                 .cp-sidebarlayout-categories {
                     .cp-sidebarlayout-category {
-                        margin: 0;
+                        margin: 0 0 0.5rem 0;
                         span.cp-sidebar-layout-category-name {
                             display: inline !important; // override "narrow" mode
                         }