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 cb6fd58ae3d768add4eac32d3306225d51932997..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">