diff --git a/web/src/components/shopping_list.rs b/web/src/components/shopping_list.rs index c1b42a5..cd4cd07 100644 --- a/web/src/components/shopping_list.rs +++ b/web/src/components/shopping_list.rs @@ -43,6 +43,7 @@ pub fn shopping_list() -> View { table(class="pad-top shopping-list page-breaker container-fluid", role="grid") { tr { th { " Quantity " } + th { " Delete " } th { " Ingredient " } th { " Recipes " } } @@ -59,6 +60,8 @@ pub fn shopping_list() -> View { tr { td { input(bind:value=amt.clone(), type="text") + } + td { input(type="button", class="no-print destructive", value="X", on:click=cloned!((filtered_keys) => move |_| { let mut keyset = (*filtered_keys.get()).clone(); keyset.insert(k.clone()); diff --git a/web/src/components/tabs.rs b/web/src/components/tabs.rs index be6a275..4801469 100644 --- a/web/src/components/tabs.rs +++ b/web/src/components/tabs.rs @@ -24,7 +24,7 @@ pub struct TabState { #[component(TabbedView)] pub fn tabbed_view(state: TabState) -> View { cloned!((state) => view! { - header(class="no-print margin-medium") { + header(class="no-print") { nav { ul { li { a(href="#", class="no-print", on:click=cloned!((state) => move |_| { diff --git a/web/static/app.css b/web/static/app.css index a021123..8b63f47 100644 --- a/web/static/app.css +++ b/web/static/app.css @@ -24,34 +24,6 @@ } } -.item-count-sel { - width: 4em; -} - -.ingredient-count-sel { - width: 15em !important; -} - .destructive { background-color: firebrick !important; -} - -.no-left-mgn { - margin-left: 0px; -} - -.pad-top { - margin-top: 1em; -} - -.shopping-list { - width:max-content; -} - -h1 { - padding-bottom: 1ch; -} - -body{ - padding-left: 1ch; } \ No newline at end of file