From 70a08c8bfd3cf3a7ea26cc14e5c7b47fc1c5bead Mon Sep 17 00:00:00 2001
From: Steven Zhang <steven.zhang@suse.com>
Date: Thu, 12 Feb 2026 21:10:35 -0800
Subject: [PATCH] #187 [Bug] The list style of Security event page is broken

---
 .../views/DualEndpointsEventBrief.vue         |  8 ++-
 .../views/SingleEndpointEventBrief.vue        |  8 ++-
 .../components/common/contents/FlagIpFqdn.vue |  6 +-
 yarn.lock                                     | 58 ++++++-------------
 4 files changed, 36 insertions(+), 44 deletions(-)

diff --git a/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/DualEndpointsEventBrief.vue b/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/DualEndpointsEventBrief.vue
index 3e31dcfa..68202450 100644
--- a/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/DualEndpointsEventBrief.vue
+++ b/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/DualEndpointsEventBrief.vue
@@ -284,4 +284,10 @@
             </div> -->
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>
+
+<style lang="scss" scoped>
+    @import '../../../../styles/bootstrap/scss/bootstrap.scss';
+    @import '../../../../styles/security-events.scss';
+    @import '../../../../styles/neuvector.scss';
+</style>
\ No newline at end of file
diff --git a/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/SingleEndpointEventBrief.vue b/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/SingleEndpointEventBrief.vue
index f1490e8f..d89fe27f 100644
--- a/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/SingleEndpointEventBrief.vue
+++ b/pkg/neuvector-ui-ext/components/SecurityEvents/contents/views/SingleEndpointEventBrief.vue
@@ -201,4 +201,10 @@
             </div> -->
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>
+
+<style lang="scss" scoped>
+    @import '../../../../styles/bootstrap/scss/bootstrap.scss';
+    @import '../../../../styles/security-events.scss';
+    @import '../../../../styles/neuvector.scss';
+</style>
\ No newline at end of file
diff --git a/pkg/neuvector-ui-ext/components/common/contents/FlagIpFqdn.vue b/pkg/neuvector-ui-ext/components/common/contents/FlagIpFqdn.vue
index 5ae23b1b..2c11c67c 100644
--- a/pkg/neuvector-ui-ext/components/common/contents/FlagIpFqdn.vue
+++ b/pkg/neuvector-ui-ext/components/common/contents/FlagIpFqdn.vue
@@ -18,11 +18,11 @@
 </script>
 
 <template>
-    <a :href="'https://www.whois.com/whois/' + ip" target="_blank" style="display: flex;">
-        <country-flag v-if="countryCode !== '-'" class="mr-2" style="margin-top: -6px; position: relative;" :country='countryCode.toLowerCase()' size='normal' v-tooltip.top="{
+    <a :href="'https://www.whois.com/whois/' + ip" target="_blank" style="display:inline-flex;">
+        <country-flag v-if="countryCode !== '-'" class="mr-2" style="margin-top: -6px; position: relative; margin-right: 1em;" :country='countryCode.toLowerCase()' size='normal' v-tooltip.top="{
             content: isTooltipVisible ? countryName : '',
         }"/>
-        <span style="margin-left: 1em;">
+        <span>
             <span v-if="fqdn">
                 <span  v-tooltip.top="{
                     content: isTooltipVisible ? ip : '',
diff --git a/yarn.lock b/yarn.lock
index 4fbddd37..24fff28f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5175,13 +5175,13 @@ axios@^0.21.1:
   dependencies:
     follow-redirects "^1.14.0"
 
-axios@^1.6.8:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.10.0.tgz#af320aee8632eaf2a400b6a1979fa75856f38d54"
-  integrity sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==
+axios@^1.8.2:
+  version "1.13.5"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.13.5.tgz#5e464688fa127e11a660a2c49441c009f6567a43"
+  integrity sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==
   dependencies:
-    follow-redirects "^1.15.6"
-    form-data "^4.0.0"
+    follow-redirects "^1.15.11"
+    form-data "^4.0.5"
     proxy-from-env "^1.1.0"
 
 babel-eslint@10.1.0:
@@ -8449,11 +8449,16 @@ floating-vue@5.2.2, floating-vue@^5.2.2:
     "@floating-ui/dom" "~1.1.1"
     vue-resize "^2.0.0-alpha.1"
 
-follow-redirects@^1.0.0, follow-redirects@^1.14.0, follow-redirects@^1.15.6:
+follow-redirects@^1.0.0, follow-redirects@^1.14.0:
   version "1.15.9"
   resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
   integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
 
+follow-redirects@^1.15.11:
+  version "1.15.11"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
+  integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
+
 font-awesome@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
@@ -8515,10 +8520,10 @@ form-data@^3.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-form-data@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.3.tgz#608b1b3f3e28be0fccf5901fc85fb3641e5cf0ae"
-  integrity sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==
+form-data@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
@@ -13175,7 +13180,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0":
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -13192,15 +13197,6 @@ string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
@@ -13252,7 +13248,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -13266,13 +13262,6 @@ strip-ansi@^4.0.0:
   dependencies:
     ansi-regex "^3.0.0"
 
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -14480,7 +14469,7 @@ worker-loader@3.0.8:
     loader-utils "^2.0.0"
     schema-utils "^3.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -14506,15 +14495,6 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"