From 7b35b04196c6dce495a67dbe68cd117a5cfc13d7 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Mon, 29 Jun 2015 12:52:48 +0300
Subject: About link and some about page styles

---
 client/colors.less           | 18 ++++++++++++++++--
 client/templates/layout.html |  3 +++
 2 files changed, 19 insertions(+), 2 deletions(-)

(limited to 'client')

diff --git a/client/colors.less b/client/colors.less
index 58eee38..e3ab64c 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -1,4 +1,15 @@
 body {
+  div.about-link {
+    position: fixed;
+    top: 25px;
+    right: 25px;
+    a {
+      padding: 2px 8px;
+      color: #2636F9;
+      border: 1px #2636F9 solid;
+      font-weight: bold;
+    }
+  }
   .page {
     div.login-wrapper {
       display: flex;
@@ -284,7 +295,7 @@ body {
       align-items: center;
       justify-content: center;
       height: auto;
-      max-width: 500px;
+      max-width: 600px;
       margin: 0 auto;
       margin-top: 85px;
       div.about {
@@ -301,13 +312,16 @@ body {
           color: #333;
         }
         div.items {
+          display: -webkit-flex;
           display: flex;
           align-items: center;
+          -webkit-justify-content: center;
           justify-content: center;
           margin-top: 50px;
           div.item {
             flex: 0 0 auto;
-            margin-right: 40px;
+            margin-left: 20px;
+            margin-right: 20px;
             text-align: left;
             font-weight: bold;
             div.title {
diff --git a/client/templates/layout.html b/client/templates/layout.html
index efd6189..45b3bb4 100644
--- a/client/templates/layout.html
+++ b/client/templates/layout.html
@@ -1,4 +1,7 @@
 <template name="layout">
+  <div class="about-link">
+    <a href="/about">i</a>
+  </div>
   <div class="page">
 {{> yield}}
   </div>
-- 
cgit v1.3.1