Topnav cleanup

public/css/style.css

@@ -392,7 +392,14 @@ input.search_field, textarea.search_field {
     margin: 0 -1rem;
 }
 .navbar-dark .nav-item .nav-link {
-    font-size: 13px;
+    font-size: 12px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+#patient-search {
+    min-width: 100px !important;
+    max-width: 140px !important;
 }
 .suggestions-outer {
     top: calc(100% + 2px);

resources/views/layouts/template.blade.php

@@ -79,41 +79,42 @@
                     </div>
                 </li>
             </ul>
-            <a href="#" class="mr-3 text-white small" onclick="fastReload()"><i class="fa fa-sync"></i></a>
-            <div class="d-inline-flex pr-3 mcp-theme-1 position-relative">
+            <a href="#" class="mr-2 text-white small" onclick="fastReload()"><i class="fa fa-sync"></i></a>
+            <div class="d-inline-flex pr-2 mcp-theme-1 position-relative">
                 <input id="patient-search" type="search" class="form-control form-control-sm outline-0" autocomplete="off" placeholder="Search Patients">
                 <div class="suggestions-outer position-absolute d-none">
 
                 </div>
             </div>
             <div class="d-flex align-items-center">
-                <p class="text-white my-0 mr-2 small">Hello, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></p>
-                <a native target="_top" href="{{ config('stag.authUrl') }}/logout" class="btn btn-sm btn-link text-light">
+                <p class="text-white my-0 small">Hello, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></p>
+                <a native target="_top" href="{{ config('stag.authUrl') }}/logout" class="small text-white ml-2">
                     <i class="fas fa-sign-out-alt"></i>
                     Log Out
                 </a>
             </div>
+
             @if($pro->pro_type == 'ADMIN')
-            <div class="mr-2 d-inline-block">|</div>
+            <div class="ml-2 d-inline-block">|</div>
             <div class="d-flex align-items-center">
-                <a href="{{route('log-in-as')}}" class="btn btn-sm btn-link text-light p-0">Log In As</a>
+                <a href="{{route('log-in-as')}}" class="small text-white ml-2">Log In As</a>
             </div>
             @endif
 
             @if($performer->logged_in_as_pro_from_admin_pro_app_session_id)
-            <div class="mx-2 d-inline-block">|</div>
+            <div class="ml-2 d-inline-block">|</div>
             <form action="{{route('back-to-admin-pro')}}" method="post" target="_top">
                 @csrf
-                <button class="btn btn-sm btn-link text-light p-0">
-                    <span class="small"></span>Back to Admin
+                <button class="small text-white ml-2">
+                    <span class="small"></span>Admin
                 </button>
             </form>
             @endif
 
             @if($pro->pro_type == 'ADMIN')
-            <div class="mx-2 d-inline-block">|</div>
-            <a native target="_top" class="btn btn-sm btn-link text-light p-0" href="{{env('ADMIN_PORTAL_URL', 'https://fe.scholar.securecpu.com')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
-                Admin Portal
+            <div class="ml-2 d-inline-block">|</div>
+            <a native target="_top" class="small text-white ml-2" href="{{env('ADMIN_PORTAL_URL', 'https://fe.scholar.securecpu.com')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
+                Admin
             </a>
             @endif