Btp layout

bundle-size.js

@@ -16,7 +16,7 @@ const filesAndLimits = [
   },
   {
     path: 'core/public/luigi.css',
-    limit: 800
+    limit: 900
   },
   {
     path: 'plugins/auth/public/auth-oauth2/plugin.js',

core/package.json

@@ -5,11 +5,10 @@
   "devDependencies": {
     "@babel/node": "^7.18.10",
     "@babel/preset-env": "^7.18.10",
-    "@sap-theming/theming-base-content": "11.1.48",
     "@sveltejs/vite-plugin-svelte": "^2.5.3",
     "chai": "^4.3.6",
     "css-tree": "^2.3.1",
-    "fundamental-styles": "0.26.5",
+    "fundamental-styles": "0.33.2",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
     "jsdom": "^20.0.0",

core/src/Alerts.svelte

@@ -146,7 +146,7 @@
     left: 50%;
     -webkit-transform: translate(-50%);
     transform: translate(-50%);
-    margin-top: 28px;
+    margin-top: calc(var(--luigi__shellbar--height) - 0.625rem);
     .fd-message-strip:not(:first-child) {
       margin-top: 8px;
     }