From 649b3d44a6236c65b67eea8da6e44ff6b641150b Mon Sep 17 00:00:00 2001 From: Kris Aubuchon Date: Tue, 22 Oct 2013 16:36:32 -0400 Subject: [PATCH] topic page: alignment fixes for replies, minor alignment changes --- .../stylesheets/desktop/topic-post.scss | 55 +++++++------------ 1 file changed, 20 insertions(+), 35 deletions(-) diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index b981cd06a4b..91a082b132f 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -94,7 +94,7 @@ nav.post-controls { button.show-replies { - padding: 8px; + padding: 8px 15px; margin-left: 0px; } @@ -104,12 +104,10 @@ nav.post-controls { color: darken(#e4f2f8, 35%); background: #e4f2f8; padding: 8px 20px; - border: 1px solid darken(#e4f2f8, 35%); margin-left: 10px; &:hover { color: darken(#e4f2f8, 45%); background: darken(#e4f2f8, 10%); - border: 1px solid darken(#e4f2f8, 10%); } } @@ -125,7 +123,7 @@ nav.post-controls { padding: 8px 10px; vertical-align: top; background: transparent; - border: 1px solid #ddd; + border: none; margin-left: 3px; transition: all linear 0.15s; outline: none; //removes the pesky square button highlight from some browsers @@ -189,32 +187,14 @@ nav.post-controls { blockquote {background: #ddd;} &.bottom { margin-top: -11px; .reply { - border-left: 1px solid #ddd; - border-right: 1px solid #ddd; - &:first-of-type { - border-top: 1px solid #ddd; - } - &:last-of-type { - border-bottom: 1px solid #ddd; - } + + } } -&.top { - .reply { - border-left: 1px solid #ddd; - border-right: 1px solid #ddd; - &:first-of-type { - border-top: 1px solid #ddd; - } - &:last-of-type { - } - - } -} @@ -721,7 +701,7 @@ blockquote { i {font-size: 12px;} .post-links { - margin-top: 3px; + margin-top: 5px; list-style-type: none; padding-left: 19px; position: relative; @@ -801,22 +781,27 @@ button.show-replies { background: #eee; padding-bottom: 20px; - border-bottom: none; - } - &.bottom-round button.show-replies { - - background: #fff; - margin-bottom: 0; - padding-bottom: 10px; - border: 1px solid #ddd; - - &:hover {background: #eee; + &:hover {background: #ddd; .badge-posts {color: #888;} } + +} + + &.bottom-round button.show-replies { + + background: #eee; + margin-bottom: 0; + padding-bottom: 8px; + + + &:hover {background: #ddd; + .badge-posts {color: #888;} + + } }