diff options
| author | Gabriel Albo <gabriel@albo.com.br> | 2014-10-09 22:12:47 -0300 |
|---|---|---|
| committer | Gabriel Albo <gabriel@albo.com.br> | 2014-10-13 10:25:43 -0300 |
| commit | 5530f831d9972ade1c51ddbecf815fe19f5897a5 (patch) | |
| tree | d9be228d5c9f85a794cc407122d56db1dcf9d085 | |
| parent | 716c01d3a5003b94fcbb7d4286597517fe4d06a1 (diff) | |
UI redesign - increasing padding around compose and search inputs; changing input background colors
| -rw-r--r-- | web-ui/app/scss/_compose.scss | 5 | ||||
| -rw-r--r-- | web-ui/app/scss/main.scss | 1 | ||||
| -rw-r--r-- | web-ui/app/scss/styles.scss | 10 |
3 files changed, 9 insertions, 7 deletions
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 { |