From c0da657cd312121979b31930b1bd8725ae28cb27 Mon Sep 17 00:00:00 2001
From: eashaw <eashaw@sailsjs.com>
Date: Fri, 22 Oct 2021 17:12:03 -0500
Subject: [PATCH] disable default mobile select styles, adjust hover state
 padding (#2601)

---
 .../assets/styles/pages/query-library.less    | 26 +++++++++++++------
 website/views/pages/query-library.ejs         |  4 +--
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/website/assets/styles/pages/query-library.less b/website/assets/styles/pages/query-library.less
index a1204e1c10..d0c766db34 100644
--- a/website/assets/styles/pages/query-library.less
+++ b/website/assets/styles/pages/query-library.less
@@ -89,6 +89,7 @@
     width: 180px;
     border-radius: 8px;
     cursor: pointer;
+
   }
   .dropdown-item {
     padding: 12px;
@@ -128,6 +129,9 @@
       margin-left: 0;
       border-radius: 8px;
       padding: 12px;
+      background: url('/images/chevron-down-9x6@2x.png') no-repeat 95% 50%;
+      background-size: 9px 6px;
+      -webkit-appearance: none;
     }
   }
 
@@ -146,13 +150,12 @@
   }
 
   .select-mobile-border {
-    height: 54px;
+    height: 52px;
     width: 100%;
     margin-right: 0;
     margin-left: 0;
     border: 1px solid #c5c7d1;
     border-radius: 8px;
-    padding-right: 15px;
   }
 
   .select-mobile {
@@ -192,15 +195,22 @@
     border-bottom: 1px solid;
     border-color: #e2e4ea;
   }
-
+  .query-card {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
   .card.results {
     box-shadow: none;
     border: none;
     border-radius: 8px;
-
     &:hover {
-      background-color: #f1f0ff;
-      cursor: pointer;
+      .query-card {
+        background-color: #f1f0ff;
+        box-shadow: none;
+        border: none;
+        border-radius: 8px;
+        cursor: pointer;
+      }
     }
   }
 
@@ -215,8 +225,8 @@
 
   .card-body {
     padding: 30px;
-    padding-top: 24px;
-    padding-bottom: 24px;
+    padding-top: 0px;
+    padding-bottom: 0px;
   }
 
   .avatar-frame {
diff --git a/website/views/pages/query-library.ejs b/website/views/pages/query-library.ejs
index 9ebe2cb6ba..9fbe0cc90d 100644
--- a/website/views/pages/query-library.ejs
+++ b/website/views/pages/query-library.ejs
@@ -95,8 +95,8 @@
         <div class="category__informational">
           <div v-for="query of queriesList">
             <div class="card results" @click="clickCard(query.slug)">
-              <div class="card-body query-card">
-                <div class="row justify-content-between align-items-center">
+              <div class="card-body">
+                <div class="row justify-content-between align-items-center query-card">
                   <div class="col-sm-9 col-md-9">
                     <h5 class="card-title m-0">{{query.name}}</h5>
                     <p class="font-italic mb-1 p-0 description">{{query.description}}</p>