mobile: reduce vertical space between posts, prevent titles from wrapping

This commit is contained in:
Kris Aubuchon 2013-09-17 23:32:11 -04:00
parent 21b018192f
commit 9808ae2970
2 changed files with 15 additions and 6 deletions

View File

@ -2,7 +2,7 @@
.topic-post { .topic-post {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
padding: 10px 0 10px 0; padding: 6px 0 3px 0;
&:first-of-type { &:first-of-type {
border-top: none; border-top: none;
} }
@ -419,10 +419,17 @@ iframe {
margin: -4px 0 0 -4px; margin: -4px 0 0 -4px;
background-color: lighten(yellow, 35%);} background-color: lighten(yellow, 35%);}
.topic-meta-data {
white-space: nowrap;
float: left;
}
.user-title { .user-title {
margin-left: 8px;
display: inline-block;
color: #aaa; color: #aaa;
padding-top: 2px;
padding-left: 8px;
overflow: hidden;
margin-right: 50px;
} }
span.btn-text {display: none;} span.btn-text {display: none;}

View File

@ -2,7 +2,9 @@
.topic-meta-data { .topic-meta-data {
width: 100%; width: 100%;
h3 a {margin-left: 10px;} h3 a {margin-left: 10px;}
a {float: left;} a {float: left;
}
} }
@ -10,7 +12,7 @@
.topic-meta-data-inside { .topic-meta-data-inside {
float: right; float: right;
margin-top: -28px; margin-top: -38px;
margin-right: 5px; margin-right: 5px;
} }