From 9a4b7ffb1ac92885fb97a93b300ff7ae199f7960 Mon Sep 17 00:00:00 2001
From: RobinLinus <robinlinus@users.noreply.github.com>
Date: Wed, 16 Dec 2020 05:30:57 +0100
Subject: [PATCH] Fix link hover in receive text dialog

---
 client/index.html |  2 +-
 client/styles.css | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/index.html b/client/index.html
index 1a20e74..688d57f 100644
--- a/client/index.html
+++ b/client/index.html
@@ -61,7 +61,7 @@
         <svg class="icon logo">
             <use xlink:href="#wifi-tethering" />
         </svg>
-        <div id="displayName">The easiest way to transfer data across devices</div>
+        <div id="displayName" placeholder="The easiest way to transfer data across devices"></div>
         <div class="font-body2">You can be discovered by everyone on this network</div>
     </footer>
     <!-- Receive Dialog -->
diff --git a/client/styles.css b/client/styles.css
index b9d9898..d079dfe 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -369,7 +369,13 @@ x-dialog a{
     user-select: all;
 }
 
+#receiveTextDialog #text a {
+    cursor: pointer;
+}
 
+#receiveTextDialog #text a:hover {
+    text-decoration: underline;
+}
 
 /* Button */
 
@@ -552,6 +558,11 @@ input {
 }
 
 
+/* Generic placeholder */
+[placeholder]:empty:before {
+    content: attr(placeholder);
+}
+
 /* Toast */
 
 .toast-container {