Update sidenav style and content

public/css/style.css

@@ -136,3 +136,15 @@ body.stag_rhs_collapsed .app-right-panel {
     min-width: 200px;
     height: 60px;
 }
+.main-row {
+    display: flex;
+    flex-wrap: nowrap;
+    margin-right: -15px;
+    margin-left: -15px;
+}
+.main-row > .sidebar {
+    width: 180px;
+}
+.main-row > main {
+    flex-grow: 1;
+}

resources/views/layouts/patient.blade.php

@@ -2,74 +2,76 @@
 
 @section('content')
     <div class="container-fluid">
-        <div class="row">
-            <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse px-0">
+        <div class="main-row">
+            <nav id="sidebarMenu" class="d-md-block bg-light sidebar collapse px-0">
                 <div class="sidebar-sticky pt-3">
                     <ul class="nav flex-column mcp-theme-1">
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.dashboard', ['patient' => $patient]) }}">Dashboard</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.dashboard', ['patient' => $patient]) }}">Dashboard</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.care-plan', ['patient' => $patient]) }}">Care
-                                Plan</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.care-months', ['patient' => $patient]) }}">Care
-                                Months</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.medications', ['patient' => $patient]) }}">Medications</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.care-months', ['patient' => $patient]) }}">Care Months</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.dx-and-focus-areas', ['patient' => $patient]) }}">Dx
-                                and Focus Areas</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.care-team', ['patient' => $patient]) }}">Care
-                                Team</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.measurements', ['patient' => $patient]) }}">Measurements</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.notes', ['patient' => $patient]) }}">Notes</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.labs-and-studies', ['patient' => $patient]) }}">Labs
-                                and Studies</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.history', ['patient' => $patient]) }}">History</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.medications', ['patient' => $patient]) }}">Medications</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.immunizations', ['patient' => $patient]) }}">Immunizations</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.dx-and-focus-areas', ['patient' => $patient]) }}">Dx and Focus Areas</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.allergies', ['patient' => $patient]) }}">Allergies</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.care-team', ['patient' => $patient]) }}">Care Team</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.notes', ['patient' => $patient]) }}">Notes</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.history', ['patient' => $patient]) }}">History</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.flowsheets', ['patient' => $patient]) }}">Flowsheets</a>
+                        <?php /*
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.care-plan', ['patient' => $patient]) }}">Care Plan</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.demographics', ['patient' => $patient]) }}">Demographics</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.measurements', ['patient' => $patient]) }}">Measurements</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.account', ['patient' => $patient]) }}">Account</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.labs-and-studies', ['patient' => $patient]) }}">Labs and Studies</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.care-checklist', ['patient' => $patient]) }}">Care
-                                Checklist</a></li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.documents', ['patient' => $patient]) }}">Documents</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.immunizations', ['patient' => $patient]) }}">Immunizations</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.education', ['patient' => $patient]) }}">Education</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.allergies', ['patient' => $patient]) }}">Allergies</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.messaging', ['patient' => $patient]) }}">Messaging</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.flowsheets', ['patient' => $patient]) }}">Flowsheets</a>
                         </li>
-                        <li class="nav-item"><a class="nav-link"
-                                                href="{{ route('patients.view.duplicate', ['patient' => $patient]) }}">Duplicate</a>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.demographics', ['patient' => $patient]) }}">Demographics</a>
                         </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.account', ['patient' => $patient]) }}">Account</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.care-checklist', ['patient' => $patient]) }}">Care Checklist</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.documents', ['patient' => $patient]) }}">Documents</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.education', ['patient' => $patient]) }}">Education</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.messaging', ['patient' => $patient]) }}">Messaging</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ route('patients.view.duplicate', ['patient' => $patient]) }}">Duplicate</a>
+                        </li>
+                        */ ?>
                     </ul>
                 </div>
             </nav>
-            <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
+            <main role="main" class="px-md-4">
                 <div class="card mt-3">
                     <div class=card-header>
                         <?php