From 673c1de4a0016a21dfaf9505e6b70f89f66e4807 Mon Sep 17 00:00:00 2001
From: Petko Bordjukov <bordjukov@gmail.com>
Date: Sun, 31 Aug 2014 18:31:50 +0300
Subject: [PATCH] Tweak styles of buttons on home page

---
 app/assets/stylesheets/forms.css.scss | 40 +++++++++++++++++++++++++++
 app/views/home/index.html.slim        |  7 ++---
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/forms.css.scss b/app/assets/stylesheets/forms.css.scss
index ebc16a8..99199a3 100644
--- a/app/assets/stylesheets/forms.css.scss
+++ b/app/assets/stylesheets/forms.css.scss
@@ -78,3 +78,43 @@
     transform: translate(0, 0.1em);
     -webkit-transform: translate(0, 0.1em);
 }
+
+.centered {
+    text-align: center;
+}
+
+.large {
+    padding: 30px;
+}
+
+.btn-link {
+    background: #233e83;
+    padding: 0.4em 0.8em;
+    border-radius: 0.2em;
+    color: #FFF;
+    border: none;
+    border-bottom: 0.2em solid #7A95DC;
+    cursor: pointer;
+    transition: background 200ms, border 200ms, transform 200ms;
+    -webkit-transition: background 200ms, border 200ms, transform 200ms;
+}
+
+.btn-link:link, .btn-link:active, .btn-link:visited {
+    color: #FFF;
+    text-decoration: none;
+}
+
+.btn-link:hover {
+    background: #152551;
+}
+
+.btn-link:active {
+    background: #597AD2;
+    border-bottom: 0.2em solid #000;
+    transform: translate(0, 0.1em);
+    -webkit-transform: translate(0, 0.1em);
+}
+
+.btn-link-large {
+    font-size: 2em;
+}
\ No newline at end of file
diff --git a/app/views/home/index.html.slim b/app/views/home/index.html.slim
index ad83144..ef351a3 100644
--- a/app/views/home/index.html.slim
+++ b/app/views/home/index.html.slim
@@ -9,7 +9,6 @@ ul
   - for track in @current_conference.tracks
     li = track.name
 
-.centered
-  = link_to 'Предложи лекция', new_lecture_path
-
-  = link_to 'Предложи уъркшоп', new_workshop_path
+.centered.large
+  => link_to 'Предложи лекция', new_lecture_path, class: 'btn-link btn-link-large'
+  = link_to 'Предложи уъркшоп', new_workshop_path, class: 'btn-link btn-link-large'