fix: tuning banner (onecx#265)

package.json

@@ -65,7 +65,7 @@
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "primeflex": "^3.3.1",
     "primeicons": "^7.0.0",
-    "primeng": "^17.18.9",
+    "primeng": "^17.18.11",
     "rxjs": "~7.8.1",
     "tslib": "^2.7.0",
     "zone.js": "~0.14.10"
@@ -97,7 +97,7 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.30.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "husky": "^9.1.5",
+    "husky": "^9.1.6",
     "jasmine-core": "~5.2.0",
     "jasmine-spec-reporter": "^7.0.0",
     "karma": "^6.4.4",
@@ -111,7 +111,7 @@
     "ngx-translate-testing": "^7.0.0",
     "postcss": "8.4.47",
     "postcss-import": "~16.1.0",
-    "postcss-preset-env": "~10.0.2",
+    "postcss-preset-env": "~10.0.7",
     "postcss-url": "~10.1.3",
     "prettier": "^3.3.3",
     "sonar-scanner": "^3.1.0",
@@ -120,7 +120,7 @@
     "ts-node": "10.9.2",
     "typescript": "5.5",
     "url-loader": "^4.1.1",
-    "webpack": "^5.94.0",
+    "webpack": "^5.95.0",
     "webpack-merge": "^6.0.1"
   }
 }

src/app/remotes/announcement-banner/announcement-banner.component.html

@@ -1,7 +1,7 @@
 <ng-container *ngIf="announcements$ | async as announcements">
   <p-carousel
     *ngIf="announcements && announcements.length > 0"
-    styleClass="mt-4 mb-2 "
+    styleClass="mt-2 sm:mt-3 mb-0 sm:mb-1"
     [value]="announcements"
     [numVisible]="1"
     [numScroll]="1"
@@ -22,7 +22,7 @@
         "
       >
         <!-- content -->
-        <div class="px-3 flex flex-row align-items-center column-gap-4">
+        <div class="px-1 sm:px-3 flex flex-row align-items-center column-gap-3 sm:column-gap-4">
           <span
             id="am_announcement_banner_icon"
             class="pi text-xl"