From 5530f831d9972ade1c51ddbecf815fe19f5897a5 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Thu, 9 Oct 2014 22:12:47 -0300
Subject: UI redesign - increasing padding around compose and search inputs;
 changing input background colors

---
 web-ui/app/scss/_compose.scss |  5 +++--
 web-ui/app/scss/main.scss     |  1 -
 web-ui/app/scss/styles.scss   | 10 ++++++----
 3 files changed, 9 insertions(+), 7 deletions(-)

(limited to 'web-ui')

diff --git a/web-ui/app/scss/_compose.scss b/web-ui/app/scss/_compose.scss
index 3a3dabee..c026b866 100644
--- a/web-ui/app/scss/_compose.scss
+++ b/web-ui/app/scss/_compose.scss
@@ -5,8 +5,9 @@
   #compose-trigger {
     width: 100%;
     display: inline-block;
+    padding: 5px;
     #compose-mails-trigger {
-      background: $primary_color;
+      background: $action_buttons;
       color: #FFF;
       padding: 10px 30px;
       text-align: center;
@@ -14,7 +15,7 @@
       font-size: 1.2em;
       @include btn-transition;
       &:hover {
-        background: lighten($primary_color, 10%);
+        background: lighten($action_buttons, 10%);
         cursor: pointer;
       }
     }
diff --git a/web-ui/app/scss/main.scss b/web-ui/app/scss/main.scss
index 57e9858d..8489d525 100644
--- a/web-ui/app/scss/main.scss
+++ b/web-ui/app/scss/main.scss
@@ -22,7 +22,6 @@ header#main {
   margin-bottom: 0;
 }
 
-
 .no-padding {
   padding: 0;
 }
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index ae9ace1e..823a168a 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -209,18 +209,20 @@ section {
       }
     }
     #search-trigger {
+      padding: 5px;
+      padding-left: 0;
       input {
         margin: 0;
         padding: 8px 30px;
-        color: #EEE;
-        background: lighten(#333, 10%);
+        color: $secondary;
+        background: white;
         border: none;
         transition: background-color 150ms ease-out;
         &:hover {
-          background: lighten(#333, 12%);
+          background: darken(white, 2%);
         }
         &:focus {
-          background: lighten(#333, 20%);
+          background: darken(white, 5%);
         }
       }
       &:before {
-- 
cgit v1.2.3