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 {