Merge pull request #165 from Timmoth/general-tidy-up

Fixed nav link highlighting

Shared.Rcl/Layout/MainLayout.razor

@@ -25,13 +25,50 @@
                 Home
             </NavLink>
 
-            <NavLink href="cli" data-testid="nav-cli">CLI</NavLink>
-            <NavLink href="yaml" data-testid="nav-yaml">Yaml</NavLink>
-            <NavLink href="hardware/tree" data-testid="nav-hardware">Hardware</NavLink>
-            <NavLink href="systems/list" data-testid="nav-systems">Systems</NavLink>
-            <NavLink href="services/list" data-testid="nav-services">Services</NavLink>
-            <NavLink href="docs/CommandIndex" data-testid="nav-docs">Docs</NavLink>
+            <NavLink href="cli"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-cli">
+                CLI
+            </NavLink>
+
+            <NavLink href="yaml"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-yaml">
+                Yaml
+            </NavLink>
+
+            <NavLink href="hardware/tree"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-hardware">
+                Hardware
+            </NavLink>
+
+            <NavLink href="systems/list"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-systems">
+                Systems
+            </NavLink>
+
+            <NavLink href="services/list"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-services">
+                Services
+            </NavLink>
+
+            <NavLink href="docs/CommandIndex"
+                     class="hover:text-emerald-400"
+                     activeClass="text-emerald-400 font-semibold"
+                     data-testid="nav-docs">
+                Docs
+            </NavLink>
+
 
+            
         </nav>
     </header>