diff options
| author | Yuval Adam <yuval@y3xz.com> | 2015-06-20 00:49:17 +0300 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2015-06-20 00:49:17 +0300 |
| commit | 9856a3dd144afda6abc1ad742967e0e99691393c (patch) | |
| tree | a75f4b6fb0f637a7997f7f161a00a3733c4edb7d /client | |
| parent | ce7bbdb3fed225d9df83e3fc58f128c4783e0b6d (diff) | |
Homepage updates
Diffstat (limited to 'client')
| -rw-r--r-- | client/colors.less | 13 | ||||
| -rw-r--r-- | client/templates/login.html | 5 |
2 files changed, 12 insertions, 6 deletions
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> |