diff --git a/web/index.html b/web/index.html
index fb3a646..ef4ab30 100644
--- a/web/index.html
+++ b/web/index.html
@@ -95,6 +95,11 @@ input::placeholder, .input::placeholder{
color: #555;
}
+.mobile .search-results,
+.mobile .thread {
+ padding: 1em;
+}
+
.search-results .row {
border-bottom: 1px #444 solid;
padding-bottom: .5em;
diff --git a/web/src/lib.rs b/web/src/lib.rs
index 6c87776..79f3196 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -746,7 +746,6 @@ fn view_mobile_search_results(
});
div![
C!["search-results"],
- h1!["Search results"],
view_search_pager(count, pager),
rows,
view_search_pager(count, pager),
@@ -798,7 +797,6 @@ fn view_mobile_search_results_legacy(
let first = search_results.page * search_results.results_per_page;
div![
C!["search-results"],
- h1!["Search results"],
view_search_pager_legacy(first, summaries.len(), search_results.total),
rows,
view_search_pager_legacy(first, summaries.len(), search_results.total)
@@ -1066,8 +1064,8 @@ fn view_thread(thread: &ShowThreadQueryThread) -> Node {
]
});
div![
- C!["container"],
- h1![C!["title"], &thread.subject],
+ C!["thread"],
+ p![C!["is-size-4"], &thread.subject],
messages,
/* TODO(wathiede): plumb in orignal id
a![
@@ -1251,7 +1249,7 @@ fn view_desktop(model: &Model) -> Node {
],
div![
view_header(&model.query, &model.refreshing_state),
- section![C!["section"], content],
+ content,
view_header(&model.query, &model.refreshing_state),
]
]
@@ -1274,7 +1272,7 @@ fn view_mobile(model: &Model) -> Node {
};
div![
view_header(&model.query, &model.refreshing_state),
- section![C!["section"], div![C!["content"], content]],
+ content,
view_header(&model.query, &model.refreshing_state),
]
}
@@ -1291,6 +1289,11 @@ fn view(model: &Model) -> Node {
let start = Instant::now();
info!("view called");
div![
+ if is_mobile {
+ C!["mobile"]
+ } else {
+ C!["desktop"]
+ },
if is_mobile {
view_mobile(model)
} else {