Merge pull request #6612 from Simounet/feat/toggle-add-url-clickable-space

Empty space on the top bar used for more add url toggle clickable target

app/Resources/static/themes/material/css/nav.scss

@@ -161,6 +161,16 @@ nav {
 }
 
 @media (min-width: 993px) {
+  .toggle-add-url-container {
+    flex-grow: 1;
+  }
+
+  .toggle-add-url {
+    display: flex;
+    width: 100%;
+    justify-content: end;
+  }
+
   .button-collapse {
     display: none;
   }

src/Wallabag/CoreBundle/Resources/views/layout.html.twig

@@ -83,8 +83,8 @@
                     </h1>
                 </div>
                 <ul class="input-field nav-panel-buttom">
-                    <li class="bold">
-                        <a class="waves-effect tooltipped" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.add_new_entry'|trans }}" href="{{ path('new') }}" id="nav-btn-add">
+                    <li class="bold toggle-add-url-container">
+                        <a class="waves-effect tooltipped toggle-add-url" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.add_new_entry'|trans }}" href="{{ path('new') }}" id="nav-btn-add">
                             <i class="material-icons">add</i>
                         </a>
                     </li>