Mobile topnav updates

public/css/style.css

@@ -49,9 +49,6 @@
   font-size: 25px;
   font-weight: 900;
 }
-.nav-item {
-  margin-right: 10px;
-}
 .sidebar .nav-link {
     padding: .25rem 1rem;
 }
@@ -366,3 +363,6 @@ input.search_field, textarea.search_field {
     padding: 0.5rem 1rem;
     margin: 0 -1rem;
 }
+.navbar-dark .nav-item .nav-link {
+    font-size: 13px;
+}

resources/views/layouts/template.blade.php

@@ -72,9 +72,10 @@
                 <li class="nav-item"><a class="nav-link" href="{{ route('dashboard') }}"><i class="mr-1 fas fa-tachometer-alt"></i> Dashboard</a> </li>
                 <li class="nav-item"><a class="nav-link" href="{{ route('patients') }}"><i class="mr-1 fas fa-user-injured"></i> Patients</a> </li>
                 <li class="nav-item"><a class="nav-link" href="{{ route('new-patient') }}"><i class="mr-1 fas fa-user-plus"></i> New Patient</a> </li>
-                <li class="nav-item"><a class="nav-link" href="{{ route('unmapped-sms') }}"><i class="mr-1 fas fa-envelope"></i> Unmapped SMS</a> </li>
+                <li class="nav-item"><a class="nav-link" href="{{ route('unmapped-sms') }}"><i class="mr-1 fas fa-envelope"></i> SMS</a> </li>
                 <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" id="practice-management" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mr-1 fas fa-tasks"></i> Practice Management</a>
+                    <a class="nav-link dropdown-toggle" href="#" id="practice-management" data-toggle="dropdown"
+                       aria-haspopup="true" aria-expanded="false"><i class="mr-1 fas fa-tasks"></i> Practice</a>
                     <div class="dropdown-menu" aria-labelledby="practice-management">
                         {{--<a class="dropdown-item" href="{{ route('practice-management.dashboard') }}">Dashboard</a>--}}
                         <a class="dropdown-item" href="{{ route('practice-management.rates') }}">Payment Rates</a>
@@ -87,11 +88,12 @@
                 </li>
             </ul>
             <div class="d-flex align-items-center">
-                <p class="text-white my-0 mr-3">Hello, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></p>
+                <p class="text-white my-0 mr-2 small">Hello, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></p>
                 <form action="{{ route('logout') }}" method="post" target="_top">
                     @csrf
-                    <button class="btn btn-link text-light">
-                        <i class="fas fa-sign-out-alt"></i> Log Out
+                    <button class="btn btn-sm btn-link text-light">
+                        <i class="fas fa-sign-out-alt"></i>
+                        <span class="small"></span>Log Out
                     </button>
                 </form>
             </div>