Move DMT note to the end of instructions

apps/samourai-server/nginx/connect/css/style.css

@@ -18,6 +18,10 @@ body {
     opacity: 0.8;
 }
 
+.text-small {
+    font-size: 14px;
+}
+
 hr {
     width: 100%;
     height: 2px;
@@ -54,8 +58,6 @@ hr {
     margin: 10px 0 0 0;
 }
 
-
-
 .app > .app-details > .app-name {
     font-size: 52px;
     line-height: 52px;
@@ -63,24 +65,10 @@ hr {
     margin: 10px 0 0 0;
 }
 
-.maintenance-tools a {
-  display: inline-block;
-  background: #C12525;
-  padding: 0.6em 0.8em;
-  border-radius: 5px;
-  text-decoration: none;
-  box-shadow: 0 0 20px 0 rgba(0,0,0,0.8);
-  margin-bottom: 1em;
-}
-
 .heading {
     display: flex;
 }
 
-.maintenance-tools #dojo-admin-key {
-  font-size: 12px;
-}
-
 .heading > .number {
     flex-shrink: 0;
     background: #C12525;
@@ -93,6 +81,7 @@ hr {
     font-weight: bold;
     box-shadow: 0 0 20px 0 rgba(0,0,0,0.8);
 }
+
 .heading > .text {
     font-size: 52px;
     line-height: 52px;
@@ -135,3 +124,20 @@ hr {
     margin: 3px 0 0 3px;
     border-radius: 15%;
 }
+
+.note {
+    margin-top: 30px;
+    background: #111010;
+    border-radius: 8px;
+    padding: 30px;
+    border: 2px dashed #3D3838;
+}
+
+.note > .note-heading {
+    margin: 0 0 20px 0;
+    font-weight: 300;
+}
+
+.note > .note-text {
+    word-wrap: break-word
+}

apps/samourai-server/nginx/connect/index.html

@@ -25,12 +25,6 @@
         <p class="text-muted">Follow the instructions below to pair Dojo and Whirlpool running on your Umbrel to your
             Samourai Wallet.
         </p>
-        <div class="maintenance-tools">
-          <a href="/admin/">Dojo Maintenance Tool</a>
-          <div class="text-muted">
-            Admin key: <code id="dojo-admin-key"></code>
-          </div>
-        </div>
     </section>
     <hr />
     <section class="container">
@@ -62,6 +56,15 @@
                 Network Options by tapping the WiFi-like icon on the top to verify if “Dojo Full Node” is successfully
                 enabled (it should display a green dot).</li>
         </ol>
+        <div class="note">
+            <h5 class="note-heading text-muted text-small">Advanced</h5>
+            <p class="note-text">
+                If you need to access the Dojo Maintenance Tool, <a href="/admin/" target="_blank">click here</a>.
+            </p>
+            <p class="note-text text-small">
+                Admin key: <code id="dojo-admin-key"></code>
+            </p>
+        </div>
     </section>
     <hr />
     <section class="container">