From e76ed2c207b364deb64129e3ea9881404a6ddc5a Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Mon, 6 Jul 2015 17:28:19 +0300
Subject: Share button styles

---
 client/colors.less           | 35 +++++++++++++++++++++--------------
 client/templates/photos.html | 11 +++++------
 2 files changed, 26 insertions(+), 20 deletions(-)

(limited to 'client')

diff --git a/client/colors.less b/client/colors.less
index 3dce1dc..ae1798d 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -255,29 +255,36 @@ body {
             height: 50px;
             width: 100%;
           }
-          h5 {
-            color: #999;
-            margin-top: 10px;
-            text-align: left;
+          ol {
+            display: block;
+            text-align: center;
+            list-style: none;
+            padding-left: 0px;
+            font-family: 'Cutive', serif;
+            color: #6D6D6D;
+            margin-top: 6px;
+            li {
+              display: inline;
+              margin-left: 7px;
+              margin-right: 7px;
+            }
           }
         }
         div.share {
           margin-left: 40px;
           width: 260px;
-          p {
-            text-align: left;
-          }
           button {
-            font-size: 1.2em;
-            width: 100%;
-            margin-top: 25px;
-            color: #2636F9;
-            padding: 7px 35px;
+            display: block;
+            font-size: 2.8em;
+            font-weight: bold;
+            margin-top: 10px;
+            color: black;
             background-color: white;
-            border: 1px #2636F9 solid;
+            border: 0px;
+            border-bottom: 6px black solid;
             &:hover, &:active {
               color: white;
-              background-color: #2636F9;
+              background-color: black;
             }
           }
         }
diff --git a/client/templates/photos.html b/client/templates/photos.html
index bfcb6d9..fe88786 100644
--- a/client/templates/photos.html
+++ b/client/templates/photos.html
@@ -49,11 +49,10 @@
         </ol>
       </div>
       <div class="share" style="display: none;">
-        <p>Now what...?</p>
-        <button class="share-instagram">Share on Instagram</button>
-        <button class="share-facebook">Share on Facebook</button>
-        <button class="share-save">Save to gallery</button>
-        <button class="share-print">Print me a copy</button>
+        <button class="share-instagram">Instagram</button>
+        <button class="share-facebook">Facebook</button>
+        <button class="share-save">Save</button>
+        <button class="share-print">Print</button>
         <button class="logout">Logout</button>
       </div>
     </div>
@@ -67,8 +66,8 @@
 
 <template name="photo">
   <div class="photo" style="display: none;">
-    <div class="title">{{date}}</div>
     <img id="img-{{id}}" class="instagram-photo" src="{{proxy images.thumbnail.url}}" crossorigin="anonymous">
     <canvas id="canvas-{{id}}" style="height: 150px; width: 150px;"></canvas>
+    <div class="title">{{date}}</div>
   </div>
 </template>
-- 
cgit v1.3.1