fix some small things in new UI.

grab.html

@@ -44,18 +44,14 @@
         <div class="bold-small">
           In order to edit the configuration of this address in the future you must save this secret pin:
         </div>
-        <div class="pin">
+        <div class="code">
           {{ pin }}
         </div>
         <button class="copy-button">Copy Secret PIN</button>
-        <div class="divider"></div>
-        <div class="description">
+        <div class="bold-small">
           To ensure the connection with your Lightning backend is configured properly, we've created a test invoice that can be seen below.
         </div>
-        <div class="bold-small">
-          If you do not see an invoice QR code below, something in your setup was incorrect.
-        </div>
-        <div class="qr">
+        <div class="code">
           {{ invoice }}
         </div>
       </div>

index.html

@@ -57,7 +57,7 @@
             </div>
             <div class="domain-wrapper">
               <input class="input" name="name" id="name">
-              <span class="suffix">@ln.fitti.co{{ domain }}</span>
+              <span class="suffix">@{{ domain }}</span>
             </div>
           </div>
           <div class="field">

static/style.css

@@ -39,7 +39,6 @@ body {
   font-weight: 600;
   max-width: 320px;
   text-align: center;
-  margin-top: -20px;
   margin-bottom: 20px;
   letter-spacing: 0.5px;
 }
@@ -205,13 +204,14 @@ select {
   font-weight: 600;
 }
 
-.pin {
+.code {
   width: 320px;
   background: #f3f3f3;
   padding: 12px 16px;
   border-radius: 8px;
   border: 1px solid #999999;
-  overflow-x: scroll;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 
 .domain-wrapper {