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>

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>

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)