From 684d0b2ecb55fec522070479a1588f577c625d7d Mon Sep 17 00:00:00 2001
From: Anton Kovalenko <anton@sw4me.com>
Date: Fri, 24 Sep 2021 05:50:20 +0300
Subject: [PATCH] App: more visual tweeks

---
 src/App.svelte | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 7ebaa51..944ea35 100644
--- a/src/App.svelte
+++ b/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"