From 928c19a476d1a39aebb08501d53d21afa19b0203 Mon Sep 17 00:00:00 2001 From: lilia Date: Fri, 18 Mar 2016 18:02:43 -0700 Subject: [PATCH] Tighten up left pane layout style // FREEBIE --- stylesheets/_global.scss | 1 + stylesheets/_index.scss | 6 ++---- stylesheets/manifest.css | 31 +++++++++++++++---------------- 3 files changed, 18 insertions(+), 20 deletions(-) diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index ef11d3c6b580..97b342579169 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -29,6 +29,7 @@ body { } #header { + background-color: $blue; h1 { margin: 0; line-height: 64px; diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss index 716636b8adec..cda845cabf9a 100644 --- a/stylesheets/_index.scss +++ b/stylesheets/_index.scss @@ -10,7 +10,6 @@ .gutter { color: #000000; - background-color: $blue; float: left; width: 300px; .content { @@ -47,7 +46,6 @@ } .conversation-stack { - padding-left: 300px; .conversation { display: none; } @@ -92,7 +90,7 @@ input.search { .tool-bar { background: $grey_l; - padding: 2px; + padding: 2px 1px 1px; button.show-new-conversation { float: right; @@ -213,7 +211,7 @@ input.search { .conversation.placeholder { text-align: center; - padding-top: 100px; + padding: 100px 36px; color: #aaa; } .contact.placeholder { diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 3a8982beb0d2..e561a870355f 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -37,13 +37,15 @@ body { .hide { display: none; } -#header h1 { - margin: 0; - line-height: 64px; - padding-left: 20px; - font-size: 22px; - color: #ffffff; - font-weight: normal; } +#header { + background-color: #2090ea; } + #header h1 { + margin: 0; + line-height: 64px; + padding-left: 20px; + font-size: 22px; + color: #ffffff; + font-weight: normal; } .title-text { height: 36px; @@ -433,7 +435,6 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu .gutter { color: #000000; - background-color: #2090ea; float: left; width: 300px; } .gutter .content { @@ -459,12 +460,10 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu .socket-status .closed { background: url("/images/error_red.png") no-repeat left center; } -.conversation-stack { - padding-left: 300px; } - .conversation-stack .conversation { - display: none; } - .conversation-stack .conversation:first-child { - display: block; } +.conversation-stack .conversation { + display: none; } +.conversation-stack .conversation:first-child { + display: block; } .conversation-header { height: 64px; @@ -496,7 +495,7 @@ input.search { .tool-bar { background: #f3f3f3; - padding: 2px; } + padding: 2px 1px 1px; } .tool-bar button.show-new-conversation { float: right; height: 36px; @@ -584,7 +583,7 @@ input.search { .conversation.placeholder { text-align: center; - padding-top: 100px; + padding: 100px 36px; color: #aaa; } .contact.placeholder {