Fix preferences tabs display on small screens

[galette.git] / galette / templates / default / pages / preferences.html.twig

diff --git a/galette/templates/default/pages/preferences.html.twig b/galette/templates/default/pages/preferences.html.twig
index 5c0df85f072a1e91e72a35dd3e50da6adc91ba90..5473a221eb39ebdf39ff59d4fc512877861ee128 100644 (file)
--- a/galette/templates/default/pages/preferences.html.twig
+++ b/galette/templates/default/pages/preferences.html.twig
@@ -2,7 +2,7 @@
 
 {% block content %}
         <form action="{{ url_for('store-preferences') }}" method="post" enctype="multipart/form-data" class="ui form">
-        <div class="ui stackable pointing inverted menu tabbed">
+        <div class="ui stackable pointing inverted wrapping centered fluid menu tabbed">
             <a href="{{ url_for('preferences') }}?tab=general" class="item{{ tab == 'general' ? ' active' }}" data-tab="general">{{ _T("General") }}</a>
             <a href="{{ url_for('preferences') }}?tab=social" class="item{{ tab == 'social' ? ' active' }}" data-tab="social">{{ _T("Social networks") }}</a>
             <a href="{{ url_for('preferences') }}?tab=parameters" class="item{{ tab == 'parameters' ? ' active' }}" data-tab="parameters">{{ _T("Parameters") }}</a>
@@ -955,7 +955,9 @@
                                                         displayTime: dtime,
                                                         minDisplayTime: 5000,
                                                         wordsPerMinute: 80,
-                                                        position: 'top right',
+                                                        showProgress: 'bottom',
+                                                        closeIcon: true,
+                                                        position: 'top attached',
                                                         title: values[type]['title'],
                                                         message: values[type]['messages'].join('<br/>'),
                                                         showIcon: values[type]['icon'],