From f550cbe98f77ba8cffffb51e911abb6c6f15f4d1 Mon Sep 17 00:00:00 2001
From: Eric Kim <erickim195@gmail.com>
Date: Fri, 21 May 2021 12:14:44 -0700
Subject: [PATCH] Increase font size and add margins to empty query message

---
 .../ql-vscode/src/view/result-table-utils.tsx       |  4 ++--
 extensions/ql-vscode/src/view/resultsView.css       | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/extensions/ql-vscode/src/view/result-table-utils.tsx b/extensions/ql-vscode/src/view/result-table-utils.tsx
index e77c9f503..64bb10564 100644
--- a/extensions/ql-vscode/src/view/result-table-utils.tsx
+++ b/extensions/ql-vscode/src/view/result-table-utils.tsx
@@ -142,7 +142,7 @@ export function nextSortDirection(direction: SortDirection | undefined, includeU
 }
 
 export function emptyQueryResultsMessage(): JSX.Element {
-  return <span>
+  return <div className='vscode-codeql__empty-query-message'><span>
     This query returned no results. If this isn&apos;t what you were expecting, and for effective query-writing tips, check out the <a href="https://codeql.github.com/docs/codeql-language-guides/">CodeQL language guides</a>.
-  </span>;
+  </span></div>;
 }
diff --git a/extensions/ql-vscode/src/view/resultsView.css b/extensions/ql-vscode/src/view/resultsView.css
index 6d81f6fe0..d6267bc12 100644
--- a/extensions/ql-vscode/src/view/resultsView.css
+++ b/extensions/ql-vscode/src/view/resultsView.css
@@ -221,3 +221,16 @@ td.vscode-codeql__path-index-cell {
 .vscode-codeql__compare-body > tbody {
   vertical-align: top;
 }
+
+.vscode-codeql__empty-query-message {
+  height: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.vscode-codeql__empty-query-message > span {
+  max-width: 80%;
+  font-size: 14px;
+  text-align: center;
+}