remove sticky tooltip on present

CHANGELOG.md

@@ -4,6 +4,8 @@ VC Verifier Changelog
 WIP
 ---
 
+- UI improvements
+
 1.4.0 (2023-03-15)
 ---
 

frontend/src/views/Entry.vue

@@ -15,10 +15,8 @@
                     </p>
                 </div>
                 <div class="col-3 text-end">
-                    <router-link :to="{ path: 'request' }" class="btn btn-outline-primary" type="button"
-                        data-bs-container="body" data-bs-trigger="hover" data-bs-toggle="tooltip"
-                        data-bs-title="Generates an OpenId4VP presentation request"><i class="bi-send-check-fill" role="img"
-                            aria-label="Presentation request"></i>
+                    <router-link :to="{ path: 'request' }" class="btn btn-outline-primary" type="button"><i
+                            class="bi-send-check-fill" role="img" aria-label="Presentation request"></i>
                     </router-link>
                 </div>
             </div>

frontend/src/views/PresentationRequest.vue

@@ -29,20 +29,27 @@
             </div>
             <div class="row">
                 <div class="col-12 px-0 mt-3 text-center">
-                    <div v-if="generating" style="min-height: 300px;">
-                        <p class="m-5 text-muted">Registering presentation request</p>
+                    <div v-if="generating" class="my-3" style="min-height: 300px;">
+                        <p class="p-5 m-0 text-muted">Registering presentation request</p>
                         <div class="spinner-border text-primary m-5" role="status"
                             style="width: 5rem; height: 5rem; top: 150px;">
                             <span class="visually-hidden">Generating...</span>
                         </div>
                     </div>
                     <qrcode-vue v-else-if="presentationRequestId" :value="presentationRequestURI" :margin="1" :size="300"
                         level="M" class="my-3" id="presentation-request-canvas" />
-                    <div v-else style="min-height: 300px;">
+                    <div v-else class="my-3" style="min-height: 300px;">
                         <p class="p-5 text-muted">Please configure your presentation request</p>
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-12 mt-3 text-center text-muted">
+                    <small>Using the <a
+                            href="https://openid.net/specs/openid-4-verifiable-presentations-1_0.html">OpenId4VC</a>
+                        protocol</small>
+                </div>
+            </div>
         </div>
     </div>
 </template>