From f630b1ef68c5233b30950fb129652b054fb1b8e4 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Fri, 4 May 2018 13:10:42 -0300
Subject: [PATCH] Fixes error where menu wasn't highlighting collection if is
 collapsed.

---
 src/admin/admin.vue                              | 5 +++++
 src/admin/components/navigation/primary-menu.vue | 2 +-
 src/admin/pages/lists/items-page.vue             | 9 +++------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/admin/admin.vue b/src/admin/admin.vue
index 129ec441a..0df27e967 100644
--- a/src/admin/admin.vue
+++ b/src/admin/admin.vue
@@ -55,6 +55,11 @@
         height: 100%;
         margin-bottom: 0px;
         margin-top: 0px;
+
+
+        @media screen and (max-width: 769px) {
+            height: auto;
+        }
     }  
 
     .is-main-content {
diff --git a/src/admin/components/navigation/primary-menu.vue b/src/admin/components/navigation/primary-menu.vue
index 0097cee70..4b25cfb9a 100644
--- a/src/admin/components/navigation/primary-menu.vue
+++ b/src/admin/components/navigation/primary-menu.vue
@@ -11,7 +11,7 @@
                 <li><router-link 
                         tag="a" 
                         to="/collections" 
-                        :class="activeRoute == 'CollectionsPage' || isMenuCompressed ? 'is-active':''">
+                        :class="activeRoute == 'CollectionsPage' || $route.params.collectionId != undefined ? 'is-active':''">
                     <b-icon 
                             size="is-small" 
                             icon="folder-multiple"/> <span class="menu-text">{{ $i18n.getFrom('collections', 'name') }}</span>
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index d11aa7082..5d8496640 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -340,8 +340,7 @@
 
         @media screen and (max-width: 769px) {
             height: 60px;
-            margin-top: -0.5em;
-            padding-top: 0.90em;
+            margin-top: 0;
 
             .header-item {
                 padding-right: 0.5em;
@@ -392,12 +391,10 @@
     }
 
     @media screen and (max-width: 769px) {
-        .filters-menu {
-            display: none;
-        }
+
         .table-container {
             margin-right: 0;
-            padding: .85em 0em;
+            padding: 16px;
         }
     }