From 5baac0c77ab3ddacb0a1647b8a2b45e12350a620 Mon Sep 17 00:00:00 2001
From: Bill Thiede <git@xinu.tv>
Date: Thu, 30 Jan 2025 17:45:14 -0800
Subject: [PATCH] web: fix width overflow on mobile and maybe progress bar

---
 web/src/view/mod.rs | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index 2b88325..7e5ad09 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -92,6 +92,7 @@ pub fn view(model: &Model) -> Node<Msg> {
             "bg-black",
             "text-white",
             "lg:flex-nowrap",
+            "w-full"
         ],
         div![
             C!["w-full", "lg:w-48", "flex-none", "flex", "flex-col"],
@@ -100,7 +101,7 @@ pub fn view(model: &Model) -> Node<Msg> {
         ],
         reading_progress(model.read_completion_ratio),
         div![
-            C!["flex-auto"],
+            C!["flex-auto", "flex", "flex-col"],
             view_header(&model.query, &model.refreshing_state, true),
             content,
             view_header(&model.query, &model.refreshing_state, false),
@@ -893,7 +894,7 @@ fn view_header(
             "All",
         ],
         input![
-            C!["grow", "pl-4", "text-black", "rounded-r"],
+            C!["grow", "pl-2", "text-black", "rounded-r"],
             attrs! {
                 At::Placeholder => "Search";
                 At::AutoFocus => auto_focus_search.as_at_value();
@@ -1194,7 +1195,7 @@ fn render_news_post_header(post: &ShowThreadQueryThreadOnNewsPost) -> Node<Msg>
     ]
 }
 fn reading_progress(ratio: f64) -> Node<Msg> {
-    return div![];
+    return vid
     let percent = ratio * 100.;
     info!("percent {percent}");
     div![