From 2dc7d721a11914977b84cc2fde9ce61d9d119ccf Mon Sep 17 00:00:00 2001
From: Florian Hotze <florianh_dev@icloud.com>
Date: Mon, 7 Oct 2024 01:27:27 +0200
Subject: [PATCH] Fix style regressions from #2801 (#2803)

Regression from #2801.

During testing, it looked good, but in production it introduced some
styling issues.

Signed-off-by: Florian Hotze <florianh_dev@icloud.com>
---
 .../src/components/widgets/standard/oh-card.vue   |  6 ++----
 bundles/org.openhab.ui/web/src/css/app.styl       | 15 +++++++++------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue
index fcf8325334..6f9fede361 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue
@@ -28,10 +28,8 @@
 .oh-col >
 .oh-masonry-item >
   .oh-card
-    --f7-safe-area-left 0px
-    --f7-safe-area-right 0px
-    --f7-safe-area-top 0px
-    --f7-safe-area-bottom 0px
+    margin-left var(--f7-card-margin-horizontal)
+    margin-right var(--f7-card-margin-horizontal)
 </style>
 
 <script>
diff --git a/bundles/org.openhab.ui/web/src/css/app.styl b/bundles/org.openhab.ui/web/src/css/app.styl
index d9bf8c4b4a..290c55fd91 100644
--- a/bundles/org.openhab.ui/web/src/css/app.styl
+++ b/bundles/org.openhab.ui/web/src/css/app.styl
@@ -311,9 +311,12 @@ html
       color var(--f7-input-text-color)
 
 // Fix safe area issues inside f7-card components, where safe areas are already respected by the f7-card itself
-.card >
-  div
-    --f7-safe-area-left 0px
-    --f7-safe-area-right 0px
-    --f7-safe-area-top 0px
-    --f7-safe-area-bottom 0px
+.card
+  .block
+    padding-left var(--f7-block-padding-horizontal) !important
+    padding-right var(--f7-block-padding-horizontal) !important
+  .media-item
+    .item-content
+      padding-left var(--f7-list-item-padding-horizontal)
+      .item-inner
+        padding-right var(--f7-list-item-padding-horizontal)