diff --git a/common/common.scss b/common/common.scss index 71637c3..6a30453 100644 --- a/common/common.scss +++ b/common/common.scss @@ -31,8 +31,12 @@ color: var(--primary); } } + .search-menu .search-input { + border-color: var(--tertiary-hover); + outline: 1px solid var(--tertiary-hover); + } .results { - top: 28px; + top: 43px; border-radius: 0.25em; } .search-context { @@ -41,6 +45,10 @@ } } +.search-input { + border-radius: 0.25em; +} + .display-search-banner { #main-outlet { padding-top: 2em; @@ -268,36 +276,36 @@ html body #main-outlet { border-collapse: separate; border-spacing: 0 0.25em; display: contents; - thead { + .topic-list-header { tr { display: flex; border-bottom: none; } display: contents; - th.default { + .topic-list-data.default { width: 63%; } - th.posters { + .topic-list-data.posters { width: 7%; } - th.posts { + .topic-list-data.posts { width: 15%; } - th.activity { + .topic-list-data.activity { width: 15%; } } - tbody { + .topic-list-body { display: contents; - tr.topic-list-item-separator { + .topic-list-item-separator { width: 100%; margin: 0.75em 0; display: flex; - td { + .topic-list-data { width: 100%; } } - tr:not(.topic-list-item-separator) { + .topic-list-item { width: 100%; display: flex; margin-bottom: .5em; @@ -328,11 +336,11 @@ html body #main-outlet { color: var(--primary) !important; } } - td.main-link { + .topic-list-data.main-link { width: 63%; order: 2; } - td.posters { + .topic-list-data.posters { width: 7%; order: 1; height: auto; @@ -343,14 +351,14 @@ html body #main-outlet { display: none } } - td.posts { + .topic-list-data.posts { width: 15%; order: 3; display: flex; justify-content: center; align-items: center; } - td.age { + .topic-list-data.age { width: 15%; order: 4; display: flex; @@ -361,7 +369,7 @@ html body #main-outlet { } } -td.num.views, th.num.views { +.topic-list-data.num.views { display: none; } diff --git a/mobile/mobile.scss b/mobile/mobile.scss index 567016a..7212af6 100644 --- a/mobile/mobile.scss +++ b/mobile/mobile.scss @@ -103,3 +103,10 @@ ol.category-breadcrumb { margin-left: -0.5em; padding: 0 0.5em; } + +.tag-groups-container { + background: var(--secondary); + padding: 2em 1em; + border-radius: 0.25em; + margin-top: 1em; +} \ No newline at end of file