From 1726cbd96a63c5c06f202fe91014ae0160e34f45 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Wed, 16 Dec 2020 22:31:04 +0100
Subject: [PATCH] Optimized panel size for tablet

---
 .../http/webapp/src/components/MenuPanel.vue      | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/MenuPanel.vue b/platypush/backend/http/webapp/src/components/MenuPanel.vue
index 30b6e2f8..733e2bf4 100644
--- a/platypush/backend/http/webapp/src/components/MenuPanel.vue
+++ b/platypush/backend/http/webapp/src/components/MenuPanel.vue
@@ -64,13 +64,12 @@ export default {
   }
 }
 
-@media screen and (max-width: $tablet) {
+@media screen and (max-width: $desktop) {
   .menu-panel {
     padding-top: 0;
 
     .content {
       min-width: 100%;
-      border-radius: 0;
 
       .row {
         &:first-child {
@@ -85,7 +84,7 @@ export default {
   }
 }
 
-@media screen and (min-width: $tablet) {
+@media screen and (min-width: $desktop) {
   .menu-panel {
     .content {
       min-width: 75%;
@@ -93,18 +92,10 @@ export default {
   }
 }
 
-@media screen and (min-width: $desktop) {
-  .menu-panel {
-    .content {
-      min-width: 50%;
-    }
-  }
-}
-
 @media screen and (min-width: $widescreen) {
   .menu-panel {
     .content {
-      min-width: 40%;
+      min-width: 50%;
     }
   }
 }