From 6f0698bae2b285b364b6ffda64d9d70985584f7f Mon Sep 17 00:00:00 2001
From: izerozlu <izerozlu@gmail.com>
Date: Fri, 30 Aug 2019 13:32:17 +0300
Subject: [PATCH] Bug, on mobile screens too short history section, fixed.

---
 components/history.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/history.vue b/components/history.vue
index 50d5f8a0b..79a489d7b 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -6,7 +6,7 @@
         <input id="filter-history-input" type="text" :disabled="history.length === 0 || isClearingHistory" v-model="filterText">
       </li>
     </ul>
-    <virtual-list class="virtual-list" :size="89" :remain="Math.min(5, filteredHistory.length)">
+    <virtual-list class="virtual-list" :class="{filled: filteredHistory.length}" :size="89" :remain="Math.min(5, filteredHistory.length)">
       <ul v-for="entry in filteredHistory" :key="entry.millis" class="entry">
         <li>
           <label :for="'time#' + entry.millis">Time</label>
@@ -67,12 +67,11 @@
   </pw-section>
 </template>
 <script>
-  import VirtualList from 'vue-virtual-scroll-list'
-  import section from "./section";
-  import {
-    findStatusGroup
-  } from "../pages/index";
-  const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property));
+		import VirtualList from 'vue-virtual-scroll-list'
+		import section from "./section";
+		import {findStatusGroup} from "../pages/index";
+
+		const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property));
   export default {
     components: {
       'pw-section': section,
@@ -143,4 +142,10 @@
     }
   }
 
+  @media (max-width: 720px) {
+    .virtual-list.filled {
+      min-height: 430px;
+    }
+  }
+
 </style>