From 7a88d2d08ccd2b93fdafa195c0e2c2f6cea5dcef Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 8 Nov 2019 09:08:35 +0530
Subject: [PATCH] :wheelchair: Fixes #281 (accessibility issues)

---
 assets/css/styles.scss | 2 +-
 components/history.vue | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index cfa95b8d5..0ea7527cc 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -530,9 +530,9 @@ code {
 }
 
 select,
-input,
 option {
   height: 40px;
+  cursor: pointer;
 }
 
 input[type="checkbox"] {
diff --git a/components/history.vue b/components/history.vue
index dd9ea526d..96e850ffc 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -6,12 +6,11 @@
           aria-label="Search"
           type="text"
           placeholder="search history"
-          :readonly="history.length === 0"
           v-model="filterText"
         />
       </li>
     </ul>
-    <ul>
+    <ul v-if="history.length !== 0">
       <li></li>
       <li @click="sort_by_label()">
         <label>
@@ -43,7 +42,7 @@
     <virtual-list
       class="virtual-list"
       :class="{filled: filteredHistory.length}"
-      :size="54"
+      :size="56"
       :remain="Math.min(5, filteredHistory.length)"
     >
       <ul v-for="(entry, index) in filteredHistory" :key="index" class="entry">
@@ -157,6 +156,8 @@
 
 <style scoped lang="scss">
   .virtual-list {
+    min-height: 90px;
+
     [readonly] {
       cursor: default;
     }