Brand => "Leadership Health" + top nav space optimization

public/css/style.css

@@ -49,8 +49,8 @@
     border-color: var(--primary-color) !important;
 }
 .navbar-brand {
-  font-size: 25px;
-  font-weight: 900;
+    font-size: 16px !important;
+    font-weight: 600;
 }
 .sidebar .nav-link {
     padding: .25rem 1rem;
@@ -82,6 +82,7 @@
 .dropdown-menu {
   margin-top: 7px;
   border-radius: 0;
+  min-width: 100px;
 }
 .dropdown-item:not(:last-child) {
   border-bottom:1px solid #ddd;
@@ -482,7 +483,7 @@ input.search_field, textarea.search_field {
     text-overflow: ellipsis;
 }
 #patient-search {
-    min-width: 100px !important;
+    min-width: 90px !important;
     max-width: 140px !important;
 }
 .suggestions-outer {
@@ -910,9 +911,13 @@ body .node input[type="number"] {
     background: #305ba0;
     color: #fff;
     font-size: 12px;
-    padding: 3px 8px;
+    padding: 3px 6px;
     border-radius: 3px;
 /*    border-bottom-left-radius: 5px;*/
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 100px;
+    overflow: hidden;
 }
 
 /* stag popups */

resources/views/layouts/template.blade.php

@@ -78,15 +78,17 @@
     <div id="moe-form-mask" style="background: rgba(0, 0, 0, .1) no-repeat scroll center center; position: fixed; top: 0px; left: 0px; z-index: 97; width: 100%; height: 100%; display: none;">
     </div>
 
-    <nav class="navbar navbar-expand-md navbar-dark stag-primary-bg py-1">
-        <a class="navbar-brand" href="{{ route('dashboard') }}">Scholar</a>
+
+
+    <nav class="navbar navbar-expand-md navbar-dark stag-primary-bg py-1 mcp-theme-1 px-2">
+        <a class="navbar-brand" href="{{ route('dashboard') }}">Leadership Health</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
 
         <div class="collapse navbar-collapse" id="navBar">
             <ul class="navbar-nav mr-auto">
-                <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('dashboard') }}"><i class="mr-1 fas fa-home"></i> Home</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>
                 @if($pro && $pro->pro_type == 'ADMIN')
                 <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>
@@ -127,42 +129,38 @@
                 </div>
             </div>
             <div class="d-flex align-items-center">
-                <p class="text-white my-0 small">Hi, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></p>
-                <a native target="_top" href="{{route('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="ml-1 d-inline-block text-secondary">|</div>
-            <div class="d-flex align-items-center">
-                <a href="{{route('log-in-as')}}"  native target="_top"  class="small text-white ml-1">Log In As</a>
+                <div class="dropdown">
+                    <a class="nav-link dropdown-toggle text-white pl-1 pr-0" href="#" id="account-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span class="text-white my-0 small">Hi, <b title="Cell# {{$pro->cell_number}}">{{ $pro->name_first }}!</b></span>
+                    </a>
+                    <div class="dropdown-menu dropdown-menu-right mcp-theme-1 pt-0 pb-1" aria-labelledby="account-menu">
+                        @if($performer->logged_in_as_pro_from_admin_pro_app_session_id)
+                            <form action="{{route('back-to-admin-pro')}}" method="post" target="_top" class="d-block pt-1">
+                                @csrf
+                                <button class="d-block ml-2">
+                                    Admin
+                                </button>
+                            </form>
+                        @endif
+                        @if($pro->pro_type == 'ADMIN')
+                            <a href="{{route('log-in-as')}}" native target="_top" class="d-block ml-2 pt-1">Log In As</a>
+                        @endif
+                        @if($pro->pro_type == 'ADMIN')
+                            <a native target="_top" class="d-block ml-2 pt-1"
+                               href="{{config('stag.adminPortalUrl')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
+                                Admin
+                            </a>
+                        @endif
+                        <a native target="_top" class="d-block ml-2 pt-1" href="{{config('stag.authUrl')}}" title="">
+                            My Apps
+                        </a>
+                        <a native target="_top" href="{{route('logout')}}" class="d-block ml-2 pt-1">
+                            Sign Out
+                        </a>
+                    </div>
+                </div>
             </div>
-            @endif
-
-            @if($performer->logged_in_as_pro_from_admin_pro_app_session_id)
-            <div class="ml-1 d-inline-block text-secondary">|</div>
-            <form action="{{route('back-to-admin-pro')}}" method="post" target="_top">
-                @csrf
-                <button class="small text-white ml-1">
-                    <span class="small"></span>Admin
-                </button>
-            </form>
-            @endif
-
-            <div class="ml-1 d-inline-block text-secondary">|</div>
-            <a native target="_top" class="small text-white ml-1" href="{{config('stag.authUrl')}}" title="">
-                My Apps
-            </a>
-
-            @if($pro->pro_type == 'ADMIN')
-            <div class="ml-1 d-inline-block text-secondary">|</div>
-            <a native target="_top" class="small text-white ml-1" href="{{config('stag.adminPortalUrl')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
-                Admin
-            </a>
-            @endif
-
         </div>
 
         <a href="#" class="stag_rhs_toggle d-none d-md-block" title="Toggle Video Pane">