From 9eeeed9e6bafb4a3ce08f7896572550e9bc4da9c Mon Sep 17 00:00:00 2001
From: Jeremy Wall <jeremy@marzhillstudios.com>
Date: Mon, 7 Mar 2022 16:22:51 -0500
Subject: [PATCH] Better nav organization in ui

---
 web/src/components/tabs.rs | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/web/src/components/tabs.rs b/web/src/components/tabs.rs
index 93e8f35..4553f65 100644
--- a/web/src/components/tabs.rs
+++ b/web/src/components/tabs.rs
@@ -24,15 +24,21 @@ pub struct TabState<G: GenericNode> {
 #[component(TabbedView<G>)]
 pub fn tabbed_view(state: TabState<G>) -> View<G> {
     cloned!((state) => view! {
-        input(type="button", value="Plan", class="no-print", on:click=cloned!((state) => move |_| {
-            state.route.set(AppRoutes::Plan);
-        }))
-        input(type="button", value="Inventory", class="no-print", on:click=cloned!((state) => move |_| {
-            state.route.set(AppRoutes::Inventory);
-        }))
-        input(type="button", value="Cook", class="no-print", on:click=cloned!((state) => move |_| {
-            state.route.set(AppRoutes::Cook);
-        }))
-        (state.inner)
+        div(class="nav-header no-print") {
+            a(class="no-print", on:click=cloned!((state) => move |_| {
+                state.route.set(AppRoutes::Plan);
+            })) { "Plan" }
+            " | "
+            a(class="no-print", on:click=cloned!((state) => move |_| {
+                state.route.set(AppRoutes::Inventory);
+            })) { "Inventory" }
+            " | "
+            a(on:click=cloned!((state) => move |_| {
+                state.route.set(AppRoutes::Cook);
+            })) { "Cook" }
+        }
+        div {
+            (state.inner)
+        }
     })
 }