Fix displaying sidenav

3 files changed, 5 insertions, 1 deletions

diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss
index c84f7957..df1e67e8 100644
--- a/app/Resources/static/themes/material/css/nav.scss
+++ b/app/Resources/static/themes/material/css/nav.scss
@@ -136,6 +136,10 @@ nav {
   top: 0;
 }
 
+#button_sort {
+  display: none;
+}
+
 @media (min-width: 993px) {
   .button-collapse {
     display: none;
diff --git a/app/Resources/static/themes/material/js/tools.js b/app/Resources/static/themes/material/js/tools.js
index 8563a14a..8b1f8bda 100644
--- a/app/Resources/static/themes/material/js/tools.js
+++ b/app/Resources/static/themes/material/js/tools.js
@@ -33,6 +33,7 @@ function initSort() {
   // no display if export (ie: entries) not available
   if ($('div').is('#sort')) {
     $('#button_sort').show();
+    $('.js-sort-action').sideNav({ edge: 'right' });
   }
 }
 
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
index 1654a0e0..e6497893 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
@@ -101,7 +101,6 @@
     {% if form is not null %}
     <div id="filters" class="side-nav right-aligned">
         <form action="{{ path('all') }}">
-
             <h4 class="center">{{ 'entry.filters.title'|trans }}</h4>
 
             <div class="row">