From 3d7fcd7a4417aa7005d7a35dcc332118020e39d1 Mon Sep 17 00:00:00 2001
From: Jordi Boggiano <j.boggiano@seld.be>
Date: Thu, 18 Apr 2024 13:17:08 +0200
Subject: [PATCH] Fix footer responsiveness

---
 templates/layout.html.twig | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index 8b0fcc47e..11caa33a4 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -190,28 +190,28 @@
                         <li><a href="mailto:contact@packagist.org" title="{{ 'menu.contact'|trans }}"><span class="icon-mail"></span></a></li>
                     </ul>
 
-                    <ul class="col-xs-4 col-md-2">
+                    <ul class="col-xs-4 col-sm-4 col-md-2">
                         <li><a href="{{ path('about') }}">{{ 'menu.about_packagist'|trans }}</a></li>
                         <li><a href="{{ path('feeds') }}" rel="nofollow">{{ 'menu.rss_feeds'|trans }}</a></li>
                     </ul>
 
                     <div class="clearfix visible-xs-block"></div>
 
-                    <ul class="col-xs-3 col-md-2">
+                    <ul class="col-xs-3 col-sm-4 col-md-2">
                         <li><a href="{{ path('stats') }}" rel="nofollow">{{ 'menu.stats'|trans }}</a></li>
                         <li><a href="{{ path('browse') }}">{{ 'menu.browse_packages'|trans }}</a></li>
                     </ul>
 
-                    <div class="clearfix visible-xs-block"></div>
+                    <div class="clearfix visible-xs-block visible-sm-block"></div>
 
-                    <ul class="col-xs-3 col-md-2">
+                    <ul class="col-xs-3 col-sm-4 col-md-2">
                         <li><a href="{{ path('api_doc') }}">{{ 'menu.api_doc'|trans }}</a></li>
                         <li><a href="{{ path('mirrors') }}">{{ 'menu.mirrors'|trans }}</a></li>
                     </ul>
 
                     <div class="clearfix visible-xs-block"></div>
 
-                    <ul class="col-xs-3 col-md-2">
+                    <ul class="col-xs-3 col-sm-4 col-md-2">
                         <li><a href="https://status.packagist.org/">Status</a></li>
                     </ul>
                 </div>