From bfdd1b65d5d459d4b2870e31830925a3230f6f4e Mon Sep 17 00:00:00 2001
From: Sander Mertens <sander.mertens8@gmail.com>
Date: Fri, 11 Nov 2022 15:50:52 -0800
Subject: [PATCH] Minor UI improvements

---
 etc/css/style.css       | 15 +++++++++------
 etc/js/query_results.js |  4 ++--
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/etc/css/style.css b/etc/css/style.css
index c8bef7cb..6bd3b35b 100644
--- a/etc/css/style.css
+++ b/etc/css/style.css
@@ -1003,11 +1003,14 @@ div.query-result-yes {
 }
 
 div.query-result-no {
-  color: var(--tertiary-text); 
+  color: var(--secondary-text);
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 10px;
 }
 
-span.query-result-no {
-  color: var(--tertiary-text); 
+span.query-result-cell-none {
+  color: var(--tertiary-text);
 }
 
 div.query-results {
@@ -1253,14 +1256,14 @@ span.query-result-color {
 table.query-results-table td {
   padding-left: var(--p-4);
   padding-right: var(--p-4);
-  padding-bottom: var(--p-3);
-  padding-top: var(--p-3);
+  padding-bottom: 0px;
+  padding-top: 0px;
   border-top-color: var(--grey-800);
   border-top-style: solid;
   border-top-width: 1px;
   font-size: inherit;
   font-feature-settings: "tnum";
-  height: 44px;
+  height: 50px;
 }
 
 /* detail toggle */
diff --git a/etc/js/query_results.js b/etc/js/query_results.js
index dc0fad37..b06dd291 100644
--- a/etc/js/query_results.js
+++ b/etc/js/query_results.js
@@ -60,7 +60,7 @@ Vue.component('query-results-table', {
       return this.columns.data.values[term] === 0;
     },
     create_none(h) {
-      return h('td', [h('span', { class: "query-result-no" }, ["None"])]);
+      return h('td', [h('span', { class: "query-result-cell-none" }, ["None"])]);
     },
     // Create table header
     create_header(h) {
@@ -455,7 +455,7 @@ Vue.component('query-results', {
       <div :class="css">
         <template v-if="data && valid && !has_this && ((variable_count == 0) || !results.length)">
           <div v-if="data && is_true" class="noselect query-result-yes"> Yes </div>
-          <div v-else class="noselect query-result-no"> No </div>
+          <div v-else class="noselect query-result-no"> No results </div>
         </template>
         <template v-else>
           <query-results-table :columns="columns"