From fc4389074065f45a81daeb8c8195f8906b0c31b4 Mon Sep 17 00:00:00 2001
From: Believethehype <1097224+believethehype@users.noreply.github.com>
Date: Tue, 9 Apr 2024 15:21:57 +0200
Subject: [PATCH] small fixes

---
 ui/noogle/src/components/Nip89view.vue      | 16 ++++++++++++++--
 ui/noogle/src/layouts/ThreeColumnLayout.vue |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/ui/noogle/src/components/Nip89view.vue b/ui/noogle/src/components/Nip89view.vue
index 209295d..0d17ba8 100644
--- a/ui/noogle/src/components/Nip89view.vue
+++ b/ui/noogle/src/components/Nip89view.vue
@@ -17,10 +17,10 @@
                 <div class="card-title text-base-100-content font-bold">
                   What is this?
                 </div>
-              <p>Data Vending Machines are data-processing tools on top of th Nostr protocol.
+              <p>Data Vending Machines are data-processing tools on top of the Nostr protocol.
                 </p>
                  <p>
-                You give them some data, a few sats, and they give you back some data.</p>
+                You give them some data, sometimes a few sats, and they give you back some data.</p>
                 <p>
                     This page is just a demo client, showcasing a variety of DVM use-cases. Search Content, Search Profiles, Content Discovery, Summarization of events, Image Generation, Scheduling Notes.
 
@@ -40,6 +40,7 @@
                    A List of all DVMs that have a NIP89 announcement is available below, ordered by latest announcement.
                 </p>
             </div>
+
         </div>
 
 
@@ -146,6 +147,7 @@ import {Alphabet, ClientBuilder, NostrSigner, Filter, Keys, NostrDatabase, Tag}
 import miniToastr from "mini-toastr";
 import VueNotifications from "vue-notifications";
 import StringUtil from "@/components/helper/string.ts";
+import Donate from "@/components/Donate.vue"
 
 import deadnip89s from './data/deadnip89s.json'
 
@@ -180,6 +182,16 @@ async mounted(){
 }
 </script>
 <style scoped>
+  donate{
 
+    position: fixed;
+    bottom:0;
+    background: rgba(0, 0, 0, 0.5);;
+    grid-area: footer;
+    width: 100vw;
+    height: 32px;
 
+    z-index: 10;
+    text-align: center;
+  }
 </style>
diff --git a/ui/noogle/src/layouts/ThreeColumnLayout.vue b/ui/noogle/src/layouts/ThreeColumnLayout.vue
index 0b60d9f..43be1cb 100644
--- a/ui/noogle/src/layouts/ThreeColumnLayout.vue
+++ b/ui/noogle/src/layouts/ThreeColumnLayout.vue
@@ -38,7 +38,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
 
     </aside>
 <footer>
-     <Donate style="margin-top: 4px"/>
+    <!--<Donate style="margin-top: 4px"/> -->
     </footer>
  </div>
 </template>