From 9856a3dd144afda6abc1ad742967e0e99691393c Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sat, 20 Jun 2015 00:49:17 +0300
Subject: Homepage updates

---
 client/colors.less          | 13 +++++++++----
 client/templates/login.html |  5 +++--
 2 files changed, 12 insertions(+), 6 deletions(-)

(limited to 'client')

diff --git a/client/colors.less b/client/colors.less
index e156028..20302a2 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -5,9 +5,9 @@ body {
       align-items: center;
       justify-content: center;
       height: auto;
-      min-height: 1000px;
-      max-width: 700px;
+      max-width: 500px;
       margin: 0 auto;
+      margin-top: 190px;
       div.login {
         text-align: center;
         flex: 0 0 auto;
@@ -22,13 +22,18 @@ body {
           font-weight: bold;
           color: #333;
         }
+        hr {
+          margin-top: 50px;
+          border-top: 1px #2636F9 solid;
+          width: 2em;
+        }
         button.login {
-          margin-top: 30px;
+          margin-top: 20px;
           color: #2636F9;
           font-size: 1.3em;
           background-color: white;
           padding: 7px 35px;
-          border: 0px;
+          border: 1px #2636F9 solid;
           &:hover, &:active {
             color: white;
             background-color: #2636F9;
diff --git a/client/templates/login.html b/client/templates/login.html
index 79d7f7e..7b1bd72 100644
--- a/client/templates/login.html
+++ b/client/templates/login.html
@@ -2,8 +2,9 @@
   <div class="login-wrapper">
     <div class="login">
       <h1>Hello!</h1>
-      <h2>To start the process of creating your own unique icon you'll need to login thru your Instagram account</h2>
-      <button class="login">Sign in with Instagram</button>
+      <h2>Start the process of creating your custom icon by logging into your Instagram account</h2>
+      <hr>
+      <button class="login">Login with Instagram</button>
     </div>
   </div>
 </template>
-- 
cgit v1.3.1