From 2a8f688bee6902d2bbed83ddb1a1db76a21ea29e Mon Sep 17 00:00:00 2001
From: Robin Linus <robin_woll@capira.de>
Date: Thu, 31 Dec 2015 18:31:03 +0100
Subject: [PATCH] Styling for shorturl

---
 app/elements/buddy-finder/buddy-finder.html | 32 +++++++++++++++------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/app/elements/buddy-finder/buddy-finder.html b/app/elements/buddy-finder/buddy-finder.html
index b79d28d..6b28df1 100644
--- a/app/elements/buddy-finder/buddy-finder.html
+++ b/app/elements/buddy-finder/buddy-finder.html
@@ -36,19 +36,34 @@
             cursor: pointer;
         }
         
-
-        
         .explanation {
             @apply(--paper-font-headline);
             color: #4285f4;
             text-align: center;
+                cursor: default;
         }
         
         .short {
-            @apply(--paper-font-body1);
-            color: #333;
+            font-size: 14px;
+            line-height: 18px;
+            color: #505050;
         }
         
+        .short a {
+            color: #4285f4;
+            text-decoration: none;
+        }
+        
+        .explanation:hover a {
+            transform: scale(1.1);
+        }
+        
+        @media all and (max-width: 600px) {
+            .explanation {
+                width: 340px;
+            }
+        }
+
         [only] {
             @apply(--layout-fit);
             @apply(--layout-horizontal);
@@ -64,11 +79,10 @@
             </template>
         </div>
         <div hidden$="{{buddies.0}}" class="explanation">
-            Open Snapdrop on other devices
-            <br> to send files.
-            <paper-tooltip offset="14">
-                short url: yg.gl
-            </paper-tooltip>
+            Open Snapdrop on other devices to send files.
+            <div class="short">
+                Short link: <a href="http://yg.gl" target="_blank">yg.gl</a>
+            </div>
         </div>
         <personal-avatar class="me"></personal-avatar>
     </template>