Fix nav title nowrap on mobile

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / layout.html.twig

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
index 2a14e5b0cda4ea461545bebecc4d6766daa6f009..f6b3c963cd35234ff61da54f8f9738e1f18dacdb 100644 (file)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
@@ -94,10 +94,12 @@
             </li>
         </ul>
         <div class="nav-wrapper nav-panels">
-            <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></a>
-            <div class="left action">
-                {% block title %}
-                {% endblock %}
+            <div class="nav-panel-top">
+                <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></a>
+                <h1 class="left action">
+                    {% block title %}
+                    {% endblock %}
+                </h1>
             </div>
             <ul class="input-field nav-panel-buttom">
                 <li class="bold">
@@ -140,13 +142,13 @@
         <div class="footer-copyright">
             <div class="container">
                 <div class="row">
-                    <div class="col m12 l8 hide-on-small-only">
-                        <p title="{{ display_stats() | raw | striptags }}">
+                    <div class="col m12 l8">
+                        <p class="footer-text" title="{{ display_stats() | raw | striptags }}">
                             {{ display_stats() }}
                         </p>
                     </div>
                     <div class="col s12 l4">
-                        <p>
+                        <p class="footer-text">
                             {{ 'footer.wallabag.powered_by'|trans }} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a> –
                             <a class="grey-text text-lighten-4" href="{{ path('about') }}">{{ 'footer.wallabag.about'|trans|lower }}</a>
                         </p>