add bootstrap class to only show fh logo in header on medium and greater displays; adjusted nav-user-btn css under mobile breakpoint to just take space of contained img and let searchbar flex growth apply to leftover width;

public/css/Cis4/Cis.css

@@ -352,12 +352,12 @@ html {
     position: relative;
   }
   #nav-user-btn {
-    width: 100%;
+
   }
   #nav-user-btn img {
     object-fit: cover;
-    height: 1.5rem;
-    width: 1.5rem;
+    height: 2rem;
+    width: 2rem;
   }
   #nav-user-menu {
     position: relative !important;
@@ -407,4 +407,4 @@ html {
   font-family: var(--fa-style-family, "Font Awesome 6 Free");
   font-weight: var(--fa-style, 900);
   margin-inline-start: 0.5rem;
-}
+}

public/js/components/Cis/Menu.js

@@ -74,7 +74,7 @@ export default {
         <span class="navbar-toggler-icon"></span>
     </button>
 	<fhc-searchbar id="nav-search" class="fhc-searchbar w-100" :searchoptions="searchbaroptions" :searchfunction="searchfunction" :selectedtypes="selectedtypes"></fhc-searchbar>
-    <a id="nav-logo" :href="rootUrl">
+    <a id="nav-logo" class="d-none d-md-block" :href="rootUrl">
         <img :src="logoUrl" alt="Logo">
     </a>
 	<button id="nav-user-btn" class="btn btn-link rounded-0" type="button" data-bs-toggle="collapse" data-bs-target="#nav-user-menu" aria-expanded="false" aria-controls="nav-user-menu">
@@ -102,4 +102,4 @@ export default {
 			</div>
 		</div>
     </nav>`
-};
+};