Update Schools to new navbar style.

MCLD · Oct 2, 2024 · 67b68a0 · 67b68a0
1 parent 95c077d
commit 67b68a0
Showing 1 changed file with 24 additions and 10 deletions.
diff --git a/src/GRA.Web/Areas/MissionControl/Views/Schools/_SchoolsPartial.cshtml b/src/GRA.Web/Areas/MissionControl/Views/Schools/_SchoolsPartial.cshtml
@@ -1,17 +1,31 @@
-<div class="row">
-    <div class="col-12">
-        <ul class="nav nav-pills" style="padding: 10px 0;">
-            <li ActiveBy routeKey="Action" value="Index"><a asp-action="Index">Schools</a></li>
-            <li ActiveBy routeKey="Action" value="Districts"><a asp-action="Districts">School Districts</a></li>
-            <li class="float-end">
+<div class="row my-4">
+    <div class="col-12 mb-2">
+        <ul class="nav nav-pills flex-column flex-sm-row">
+            <li class="nav-item">
+                <a ActiveBy routeKey="Action" 
+                value="Index"
+                asp-action="Index"
+                class="nav-link">
+            Schools</a>
+            </li>
+            <li class="nav-item">
+                <a ActiveBy routeKey="Action" 
+                value="Districts"
+                asp-action="Districts"
+                class="nav-link">
+            School Districts</a>
+            </li>
+            <li class="float-end nav-item">
                 <div>
-                    <a asp-action="Import"
-                       ActiveBy routeKey="Action" value="Import"
-                       class="btn btn-sm btn-secondary">
+                    <a asp-action="Import" class="btn btn-sm btn-secondary nav-link">
                         <span class="fas fa-file-upload"></span>
                         Import
                     </a>
-                    <a asp-action="Export" class="btn btn-sm btn-secondary">
+                    </div>
+                     <li class="float-end nav-item">
+                <div>
+                    <div>
+                    <a asp-action="Export" class="btn btn-sm btn-secondary nav-link">
                         <span class="fas fa-file-download"></span>
                         Export
                     </a>