snapdrop

commit 2a8f688bee6902d2bbed83ddb1a1db76a21ea29e
parent 1c935030b67abc3d3739df91acfef3e5c9384306
Author: Robin Linus <robin_woll@capira.de>
Date:   Thu, 31 Dec 2015 18:31:03 +0100

Styling for shorturl

Diffstat:
M
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
@@ -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>