From 3043efcb0a749d8cca2deeb16568592a163b4118 Mon Sep 17 00:00:00 2001 From: Kris Aubuchon Date: Tue, 29 Oct 2013 17:15:56 -0400 Subject: [PATCH] cleaning up the topic-title alignment a bit --- app/assets/stylesheets/desktop/discourse.scss | 17 ++++++++------- .../stylesheets/desktop/topic-list.scss | 2 -- .../stylesheets/desktop/topic-post.scss | 21 +++++++++++-------- app/assets/stylesheets/desktop/topic.scss | 11 ++++------ 4 files changed, 25 insertions(+), 26 deletions(-) diff --git a/app/assets/stylesheets/desktop/discourse.scss b/app/assets/stylesheets/desktop/discourse.scss index 3f9010a75..dc6f68751 100644 --- a/app/assets/stylesheets/desktop/discourse.scss +++ b/app/assets/stylesheets/desktop/discourse.scss @@ -35,6 +35,9 @@ body { } } +/**/ + + @include small-width { body { min-width: $small-width; @@ -117,9 +120,6 @@ body { color: #e45735; } a.star { - display: inline-block; - font-size: 15px; - line-height: 1; color: #cacaca; &:before { font-family: "FontAwesome"; @@ -167,6 +167,8 @@ body { } } } + + /**/ .message { @include border-radius-all(8px); background-color: $white; @@ -229,15 +231,14 @@ blockquote { } .topic-statuses { - display: inline-block; - margin: 0; + float: left; + margin: 1px 3px 0 0; padding: 0; .topic-status { - padding: 5px 2px 0 0; + padding: 0 2px 0 0; margin: 0; - display: inline-block; i { - font-size: 15px; + font-size: 15px; color: darken($white, 60%); } } diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss index 20c918961..43aaf4cdd 100644 --- a/app/assets/stylesheets/desktop/topic-list.scss +++ b/app/assets/stylesheets/desktop/topic-list.scss @@ -113,8 +113,6 @@ padding-right: 0; .icon-star { position: relative; - top: -1px; - font-size: 15px !important; } + .main-link { padding-left: 0; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index 1b3f46dab..63c7c0e9a 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -220,7 +220,6 @@ nav.post-controls { a.star { display: inline-block; float: left; - font-size: 20px !important; } #main a.star.starred { @@ -425,7 +424,11 @@ span.post-count { #topic-title { z-index: 1000; - padding: 25px 10px 15px 10px; + padding: 14px 0 8px 0; + h1 { line-height: 1em;} +.topic-statuses {margin-top: -2px; .icon-pushpin {margin-top: -1px;}} +.star {font-size: 20px; margin-top: 4px;} + .chzn-container {vertical-align: middle;} } @@ -462,23 +465,24 @@ iframe { .topic-statuses {margin-right: 5px;} } -#main .inner a.star {margin-top: 6px;} .extra-info { h1 { - margin: 7px 0 0 25px; + margin: 5px 0 0 25px; + font-size: 2em; line-height: 1em; - a:not(.badge-category) {margin-left: -10px;} - } a.star { margin-right: 5px; - margin-top: 6px; + font-size: 20px; + margin-top: 5px; } + .topic-statuses {margin-top: -2px;} + .badge-category { - vertical-align: middle ; + vertical-align: top; } } @@ -964,7 +968,6 @@ clear: both; } } -input#edit-title {margin-left: 10px;} a.attachment:before { display: inline-block; diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss index d7706e9c3..2188767c7 100644 --- a/app/assets/stylesheets/desktop/topic.scss +++ b/app/assets/stylesheets/desktop/topic.scss @@ -29,18 +29,15 @@ margin-left: 10px; #topic-title { margin-bottom: 20px; -margin: -20px 0 0 0; -.topic-statuses {margin-left: 5px;} + .star {margin-right: 8px;} h1 { - - font-size: 2.2em; - line-height: 1em; + font-size: 2em; margin: 0; -a.badge-category {vertical-align: middle;} +a.badge-category {vertical-align: top;} -a.edit-topic {font-size: 15px;} +a.edit-topic {font-size: 15px; position: absolute; margin-left: 8px;} }