clean up portrait .topic-list CSS media query stuff

This commit is contained in:
Jeff Atwood 2015-10-23 17:15:13 -07:00
parent 56c9b4b6e2
commit 2b64ccb98c
1 changed files with 7 additions and 32 deletions

View File

@ -298,6 +298,7 @@ button.dismiss-read {
@media all
and (max-width : 850px) {
// slightly smaller font, tighten spacing on nav pills
.nav-pills {
> li > a {
font-size: 1em;
@ -305,58 +306,32 @@ and (max-width : 850px) {
}
}
.list-controls {
.btn {
font-size: 1em
}
.category-dropdown-menu {
min-width: 139px;
}
a.badge-category {
font-size: 1em;
}
}
.topic-list {
.categories td.category {
padding-left: 10px;
}
// tighter table header spacing
th:first-of-type {
padding: 12px 5px;
}
th {
.btn .fa {
margin-right: 2px;
}
}
// smaller table cell font and cell spacing
th, td {
padding: 12px 2px;
font-size: 0.929em;
}
.main-link {
font-size: 1.071em;
padding: 12px 8px 12px 0px;
}
.category {
min-width: 0;
padding: 0;
}
.topic-excerpt {
padding-right: 20px;
}
// suppress views column
th.views {
display: none;
}
td.views {
display: none;
}
th.posters {
text-align: center;
}
// show only the first poster
.posters {
min-width: 0;
width: 50px;
@ -366,6 +341,6 @@ and (max-width : 850px) {
a.latest {
padding: 0 8px;
}
}
}
}
}