add update button

views/blueprints.hbs

@@ -12,13 +12,19 @@
     {{/each}}
   </div>
   {{ else }}
-  <div>No endpoints found. Have you <a href="http://localhost:4040/api/update">updated</a>?</div>
+  <div>No endpoints found. Have you updated?</div>
   {{/each}}
 </div>
 
+<a class="bp-update-container" target="_blank" href="http://localhost:4040/api/update">
+  <div class="bp-button">Update</div>
+</div>
+
+
 <style>
 :root {
   --grey: #8a8a8a;
+  --btn-width: 200px;
 }
 .main-container {
   display: flex;
@@ -47,4 +53,39 @@
 .bp-source {
   color: var(--grey);
 }
+
+.bp-update-container {
+  position: fixed;
+  top: 2px;
+  right: 2em;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bp-button {
+  transition: all 0.3s ease;
+  text-transform: uppercase;
+  font-size: 24pt;
+  font-weight: bold;
+  width: var(--btn-width);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 3px solid black;
+  padding: .5em;
+  text-decoration: none;
+  text-underline: none;
+  color: black;
+}
+
+.bp-update-container:hover {
+  background-color: black;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.bp-update-container:hover div {
+  color: white;
+}
 </style>