diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index 79c853f42d..4c8476f301 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -1052,14 +1052,17 @@ body.discussion { } a { - position: relative; display: block; - height: 36px; + position: relative; + float: left; + clear: both; + width: 100%; padding: 0 10px 0 18px; margin-bottom: 1px; margin-right: -1px; @include linear-gradient(top, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); background-color: #fff; + @include clearfix; &:hover { @include linear-gradient(top, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); @@ -1096,9 +1099,13 @@ body.discussion { } .title { + display: block; + float: left; + width: 70%; + margin: 8px 0 10px; font-size: 13px; font-weight: 700; - line-height: 34px; + line-height: 1.4; color: #333; } @@ -1121,7 +1128,7 @@ body.discussion { content: ''; position: absolute; top: 0; - right: 1px; + right: 0; width: 10px; height: 12px; background: url(../images/following-flag.png) no-repeat; @@ -1164,22 +1171,13 @@ body.discussion { } } - .title { - display: block; - float: left; - width: 70%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - .votes-count, .comments-count { display: block; float: right; width: 32px; height: 16px; - margin-top: 9px; + margin-top: 8px; border-radius: 2px; @include linear-gradient(top, #d4d4d4, #dfdfdf); font-size: 11px; @@ -1320,6 +1318,7 @@ body.discussion { position: relative; z-index: 100; margin-top: 5px; + margin-left: 40px; } .post-tools { @@ -1475,17 +1474,31 @@ body.discussion { } } + blockquote { + background: #f6f6f6; + border-radius: 3px; + padding: 5px 10px; + font-size: 14px; + } + .comments { list-style: none; margin-top: 20px; padding: 0; border-top: 1px solid #ddd; - li { + > li { background: #f6f6f6; border-bottom: 1px solid #ddd; } + blockquote { + background: #e6e6e6; + border-radius: 3px; + padding: 5px 10px; + font-size: 14px; + } + .comment-form { background: #eee; @include clearfix; @@ -1509,7 +1522,6 @@ body.discussion { .discussion-errors { margin: 0px; } - } .response-body {