From 0c5f367ceb8fd0b756c66d5d200f7763108179cd Mon Sep 17 00:00:00 2001
From: Alvie Rahman <alvierahman90@gmail.com>
Date: Tue, 24 Aug 2021 15:36:42 +0100
Subject: [PATCH] Add p to tell user about enter to open

---
 styles.css                | 9 +++++++++
 templates/home_index.html | 1 +
 2 files changed, 10 insertions(+)

diff --git a/styles.css b/styles.css
index a2156d6..d9a698e 100644
--- a/styles.css
+++ b/styles.css
@@ -106,3 +106,12 @@ blockquote * {
 	margin: 0;
 	padding: 0
 }
+
+kbd {
+	background-color: #d9d9d9;
+	border-radius: 0.25em;
+	padding: 0.2em;
+	box-shadow: 0.15em 0.15em 0 #c9c9c9;
+	margin-left: 0.2em;
+	margin-right: 0.2em;
+}
diff --git a/templates/home_index.html b/templates/home_index.html
index b9f056f..13d07bb 100644
--- a/templates/home_index.html
+++ b/templates/home_index.html
@@ -16,6 +16,7 @@ Browse <a href="/notes">here</a> or by tag <a href="/.tags">here</a>.
 <input placeholder="Search" id="search">
 <input type="number" id="resultsMax" min="0" value="5">
 </div>
+<p class="smallText" style="margin-top: 0; text-align: center;"> Press <kbd>Enter</kbd> to open first result or <kbd>Shift</kbd>+<kbd>Enter</kbd> to open in new tab</p>
 <div id="results">
 </div>