App: more visual tweeks

src/App.svelte

@@ -188,7 +188,7 @@
     {:else}
       <div class="form-text mb-2 mt-2">Expecting: {payway.acc.toLowerCase()}</div>
     {/if}
-    <div class="d-flex justify-content-center align-items-stretch m-2"
+    <div class="d-flex justify-content-center align-items-stretch m-1"
 	 class:invisible={!lnurl}>
       <!-- {#key lnurl} -->
       <a href="lightning:{lnurl}">
@@ -224,11 +224,16 @@
 
     {#if lightningAddress}
       <CTC let:id let:action force text={lightningAddress}}>
-	<div class="input-group mt-3">
+	<div class="input-group">
 	  <div class="input-group-prepend">
-	    <span class="input-group-text">
-	      <a href="https://lightningaddress.com/">Lightning address:</a>
-	    </span>
+	    <Tipped let:id>
+	      <span slot="thing" {id} class="input-group-text">
+		<a href="https://lightningaddress.com/">LA:</a>
+	      </span>
+	      <div slot="tip">
+		Lightning address for this payment
+	      </div>
+	    </Tipped>
 	  </div>
 	  <div class="user-select-all form-control"
 	       style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"