header is getting crowded, get more space

WildMeOrg · Feb 4, 2025 · 2b4655c · 2b4655c
1 parent 84ba506
commit 2b4655c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/src/main/webapp/css/header.css b/src/main/webapp/css/header.css
@@ -154,7 +154,7 @@
   height: 40px;
   display: flex;
   align-items: center;
-  margin-left: 35px;
+  margin-left: 10px;
 }
 
 .profile-wrapper:hover .dropdown-menu {
@@ -186,7 +186,7 @@
   /* width: 250px; */
   /* height: 100%; */
   max-height: 60px;
-  margin-right: 60px;
+  margin-right: 20px;
   font-size: 24px;
   display: flex;
   align-items: center;
@@ -196,6 +196,7 @@
 }
 
 .nav-brand {
+  flex-shrink: 0;
   width: 100px;
   height: 50px;
   display: block !important;
@@ -208,7 +209,7 @@
 }
 
 .search-and-secondary-wrapper {
-  margin-left: 50px;
+  margin-left: 30px;
   margin-bottom: 0 !important;
   display: flex;
   flex-direction: row !important;
@@ -262,15 +263,12 @@
 .site-name {
   color: white;
   font-size: 1.5em;
-  /* margin-left: 10px; */
 }
 
 .navbar-header {
   display: flex;
-  margin-left: auto;
   align-items: center;
   justify-content: space-between;
-  /* width: 80%; */
 }
 
 /* .nav-brand img {
@@ -300,11 +298,6 @@
 
 /* Responsive adjustments */
 @media (max-width: 991px) {
-
-  .site-name {
-    display: none !important;
-  }
-
   .navbar-toggle {
     display: block;
     margin-left: 20% !important;
@@ -447,7 +440,7 @@
   border-radius: 20px; 
   color: white; 
   height: 33px; 
-  width: 180px; 
+  width: 160px; 
   position: relative; 
   display: flex; 
 }
@@ -456,9 +449,7 @@
   display: flex; 
   justify-content: center; 
   align-items: center; 
-  margin: 0 10px; 
   position: relative;
-  width: 200px;
 }
 
 .quick-search-result{

diff --git a/src/main/webapp/header.jsp b/src/main/webapp/header.jsp
@@ -543,7 +543,8 @@ if(request.getUserPrincipal()!=null){
         <header class="page-header clearfix header-font" style="padding-top: 0px;padding-bottom:0px; ">
           <nav class="navbar navbar-default navbar-fixed-top" style="background-color: #303336; ">
             <div class="nav-bar-wrapper" style="background-color: transparent">
-              <div class="container " style="height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between">
+              <div class="header" style="height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center">
+                <div style="height: 100%; display: flex; flex-direction: row; align-items: center; ">
                 <a class="nav-brand" target="_blank" href="<%=urlLoc %>">        
                 </a>
                 <a class="site-name" target="_blank" href="<%=urlLoc %>">
@@ -785,7 +786,7 @@ if(request.getUserPrincipal()!=null){
                   <!-- end profile wrapper -->              
                 </div> 
                                 
-
+</div>
               </div>              
 
                 <script>