snapdrop

commit 4fc00871872231fd52bd5fb1e84bbee880f7ec83
parent 53bdcda26d99cdf084cd1903065555dc81d3dc6a
Author: Robin Linus <robin_woll@capira.de>
Date:   Wed, 30 Dec 2015 22:06:04 +0100

Clean up about page

Diffstat:
M
app/elements/x-cards/about-page.html
 | 
81
++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------

1 file changed, 49 insertions(+), 32 deletions(-)
diff --git a/app/elements/x-cards/about-page.html b/app/elements/x-cards/about-page.html
@@ -10,7 +10,13 @@
             display: block;
             overflow: hidden;
             color: white;
-            z-index: 3
+            z-index: 3;
+            --paper-tooltip: {
+                font-size: 14px;
+                background-color: white;
+                color: #4285f4;
+            }
+            --paper-tooltip-opacity:0.95;
         }
         
         #placeholder {
@@ -35,8 +41,8 @@
         }
         
         .logo {
-            width: 80px;
-            height: 80px;
+            width: 96px;
+            height: 96px;
         }
         
         .slogan {
@@ -93,12 +99,16 @@
             z-index: 10;
         }
         
+        .social {
+            margin: 16px;
+        }
+        
         #btn,
-        .share a {
-            color: #52524F;
+        .social a {
+            color: white;
         }
         
-        .share a {
+        .social a {
             text-decoration: none;
             padding-left: 8px;
             padding-right: 8px;
@@ -112,38 +122,45 @@
         <div id="placeholder"></div>
         <div id="container">
             <div class="share">
-                <a href="https://twitter.com/snapdrop42" target="_blank">
-                    <iron-icon icon="chat:twitter"></iron-icon>
-                    <paper-tooltip for="" position="bottom" offset="14">
-                        Contact us on Twitter!
-                    </paper-tooltip>
-                </a>
-                <a href="https://www.facebook.com/snapdrop.net/" target="_blank">
-                    <iron-icon icon="chat:facebook"></iron-icon>
-                    <paper-tooltip for="" position="bottom" offset="14">
-                        Contact us on Facebook!
-                    </paper-tooltip>
-                </a>
-                <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FDAHZJH3228D6" target="_blank">
-                    <iron-icon icon="chat:local-cafe"></iron-icon>
-                    <paper-tooltip for="" position="bottom" offset="14">
-                        You like Snapdrop?
-                        <br> Buy me a cup of coffee!
-                    </paper-tooltip>
-                </a>
-                <a href="https://github.com/capira12/snapdrop" target="_blank" class="github">
-                    <iron-icon icon="chat:github"></iron-icon>
-                    <paper-tooltip for="" position="bottom" offset="14">
-                        Get involved!
-                    </paper-tooltip>
-                </a>
                 <paper-icon-button id="btn" icon="chat:close" on-tap="_switch"></paper-icon-button>
             </div>
             <div class="center">
                 <iron-icon icon="chat:wifi-tethering" class="logo"></iron-icon>
                 <div class="paper-font-headline">Snapdrop</div>
                 <div class="slogan">The easiest way to transfer files across devices.</div>
-                <a class="paper-font-subhead" href="https://github.com/capira12/snapdrop/blob/master/faq.md" target="_blank">Frequently Asked Questions</a>
+                <div class="social">
+                    <a href="https://twitter.com/snapdrop42" target="_blank">
+                        <iron-icon icon="chat:twitter"></iron-icon>
+                        <paper-tooltip for="" position="bottom" offset="14">
+                            Contact us on Twitter!
+                        </paper-tooltip>
+                    </a>
+                    <a href="https://www.facebook.com/snapdrop.net/" target="_blank">
+                        <iron-icon icon="chat:facebook"></iron-icon>
+                        <paper-tooltip for="" position="bottom" offset="14">
+                            Contact us on Facebook!
+                        </paper-tooltip>
+                    </a>
+                    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FDAHZJH3228D6" target="_blank">
+                        <iron-icon icon="chat:local-cafe"></iron-icon>
+                        <paper-tooltip for="" position="bottom" offset="14">
+                            You like Snapdrop?
+                            <br> Buy me a cup of coffee!
+                        </paper-tooltip>
+                    </a>
+                    <a href="https://github.com/capira12/snapdrop" target="_blank" class="github">
+                        <iron-icon icon="chat:github"></iron-icon>
+                        <paper-tooltip for="" position="bottom" offset="14">
+                            Get involved!
+                        </paper-tooltip>
+                    </a>
+                    <a href="https://github.com/capira12/snapdrop/blob/master/faq.md" target="_blank" class="github">
+                        <iron-icon icon="chat:help-outline"></iron-icon>
+                        <paper-tooltip for="" position="bottom" offset="14">
+                            Frequently Asked Questions!
+                        </paper-tooltip>
+                    </a>
+                </div>
             </div>
             <span id="footer">Built with &#9829; by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span>
         </div>