From 4fc00871872231fd52bd5fb1e84bbee880f7ec83 Mon Sep 17 00:00:00 2001
From: Robin Linus <robin_woll@capira.de>
Date: Wed, 30 Dec 2015 22:06:04 +0100
Subject: [PATCH] Clean up about page

---
 app/elements/x-cards/about-page.html | 83 +++++++++++++++++-----------
 1 file changed, 50 insertions(+), 33 deletions(-)

diff --git a/app/elements/x-cards/about-page.html b/app/elements/x-cards/about-page.html
index 7e95b0e..45249a3 100644
--- 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;
         }
         
-        #btn,
-        .share a {
-            color: #52524F;
+        .social {
+            margin: 16px;
         }
         
-        .share a {
+        #btn,
+        .social a {
+            color: white;
+        }
+        
+        .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>