fix: 🐛 Improved mobile layout of analyzation panel

EricLambrecht · Oct 25, 2019 · cf1f8d3 · cf1f8d3
1 parent ff82406
commit cf1f8d3
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/playlist-statistics/PlaylistStatisticsPanel.vue b/src/components/playlist-statistics/PlaylistStatisticsPanel.vue
@@ -113,14 +113,15 @@ export default {
 
     &.show {
       max-width: none;
-      max-height: 250px;
+      max-height: 430px;
     }
   }
 
   .graphs {
     overflow-x: scroll;
     overflow-y: hidden;
     max-height: none;
+    order: 1;
 
     display: flex;
     padding: 0;
@@ -134,16 +135,18 @@ export default {
   }
 
   .buttons {
+    order: 2;
     min-width: 240px;
-    max-width: 270px;
+    max-width: 100%;
     max-height: none;
-    margin-bottom: 0;
+    margin: 30px 0 0;
   }
 
   .padding-box {
     width: 100%;
     padding: 30px 20px;
     display: flex;
+    flex-direction: column;
   }
 }
 </style>