Fix nav title nowrap on mobile

1 files changed, 6 insertions, 4 deletions

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 cb6fd58a..f6b3c963 100644
--- 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">