From: Adam Dullage <redacted>
Date: Sat, 20 Aug 2022 14:02:58 +0000 (+0100)
Subject: Updated search result & button styling
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=97922e25ab8b658a076c397768f40e22fbde1ab1;p=flatnotes.git

Updated search result & button styling
---

diff --git a/flatnotes/src/colours.scss b/flatnotes/src/colours.scss
index 1c2b2a7..ae96a09 100644
--- a/flatnotes/src/colours.scss
+++ b/flatnotes/src/colours.scss
@@ -4,6 +4,6 @@ $drop-shadow: #0000000a;
 $muted-text: #6c757d;
 $very-muted-text: #d8dbdd;
 $text: #222222;
-$button-background: #00000008;
-$input-highlight: #bbcdff;
+$button-background: #6ca7ff15;
+$input-highlight: #6ca7ff;
 $logo-key-colour: #f9a76b;
diff --git a/flatnotes/src/components/SearchResults.vue b/flatnotes/src/components/SearchResults.vue
index 23f835a..3c1d13c 100644
--- a/flatnotes/src/components/SearchResults.vue
+++ b/flatnotes/src/components/SearchResults.vue
@@ -14,15 +14,18 @@
 
     <!-- Search Results Loaded -->
     <div v-else>
-      <div v-for="result in searchResults" :key="result.title" class="mb-4">
-        <p class="font-weight-bold mb-0">
-          <a
+      <div
+        v-for="result in searchResults"
+        :key="result.title"
+        class="bttn result mb-3"
+      >
+        <a :href="result.href" @click.prevent="openNote(result.href)">
+          <p
+            class="font-weight-bold mb-0"
             v-html="result.titleHighlightsOrTitle"
-            :href="result.href"
-            @click.prevent="openNote(result.href)"
-          ></a>
-        </p>
-        <p class="result-contents" v-html="result.contentHighlights"></p>
+          ></p>
+          <p class="result-contents" v-html="result.contentHighlights"></p>
+        </a>
       </div>
     </div>
   </div>
@@ -31,10 +34,8 @@
 <style lang="scss" scoped>
 @import "../colours";
 
-a {
-  &:hover {
-    filter: opacity(70%);
-  }
+.result p {
+  margin: 0;
 }
 
 .result-contents {
diff --git a/flatnotes/src/global.scss b/flatnotes/src/global.scss
index e6ee317..bd6da32 100644
--- a/flatnotes/src/global.scss
+++ b/flatnotes/src/global.scss
@@ -22,6 +22,7 @@ a {
   &:hover {
     text-decoration: none;
     color: inherit;
+    cursor: pointer;
   }
 }