From e76185437f6dd80e363cda35868e056c07f490ff Mon Sep 17 00:00:00 2001
From: Xu Yichi <110229037+Crazylychee@users.noreply.github.com>
Date: Tue, 1 Apr 2025 09:55:33 +0800
Subject: [PATCH] fix: align top navigation bar styles #279 (#280)

---
 src/main/resources/static/style/app.css            | 5 ++++-
 src/main/resources/static/view/layout/_header.html | 8 +++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/static/style/app.css b/src/main/resources/static/style/app.css
index f58e5a4..ee64d9b 100644
--- a/src/main/resources/static/style/app.css
+++ b/src/main/resources/static/style/app.css
@@ -300,4 +300,7 @@
     background-color: rgba(0, 0, 0, 0);
     cursor: text !important;
     width: 60%;
-}
\ No newline at end of file
+}
+.navbar .navbar-nav .dropdown-menu li {
+    margin: 0 !important;
+}
diff --git a/src/main/resources/static/view/layout/_header.html b/src/main/resources/static/view/layout/_header.html
index 8159138..74820c9 100644
--- a/src/main/resources/static/view/layout/_header.html
+++ b/src/main/resources/static/view/layout/_header.html
@@ -27,6 +27,9 @@
         </div>
         <div class="navbar-collapse collapse navbar-warning-collapse">
             <ul class="nav navbar-nav">
+                <li class="nav-divider disabled">
+                    <span class="divider-bar"></span>
+                </li>
                 <li ng-class="path =='ops' ? 'active':''"><a ng-href="#/ops">{{'OPS' | translate}}</a></li>
                 <li ng-show="rmqVersion" ng-class="path =='proxy' ? 'active':''"><a ng-href="#/proxy">{{'PROXY' | translate}}</a></li>
                 <li ng-class="path =='dashboard' || path ==''? 'active':''"><a ng-href="#/">{{'DASHBOARD' | translate}}</a></li>
@@ -40,6 +43,9 @@
                 <li ng-show="{{ show }}" ng-class="path =='acl' ? 'active':''"><a ng-href="#/acl">Acl</a></li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
+                <li class="nav-divider disabled">
+                    <span class="divider-bar"></span>
+                </li>
                 <li class="dropdown">
                     <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">{{'CHANGE_LANG' | translate}}
                         <b class="caret"></b></a>
@@ -79,4 +85,4 @@
             $scope.IsVisible = $scope.IsVisible = true;
         }
         });
-</script>
\ No newline at end of file
+</script>