fix: correcting event occasions accordion padding

Author: NiclasNorin

views/v3/partials/schema/event/occassions-card.blade.php

@@ -1,13 +1,23 @@
-@card([
-    'heading' => $lang->occasionsTitle
-])
-    @slot('aboveContent')
-        @if(!empty($currentOccasion))
+@card([])
+    @card__header([])
+        @typography([
+            'element' => 'h2',
+            'variant' => 'h3'
+        ])
+            {{$lang->occasionsTitle}}
+        @endtypography
+    @endcard__header
+
+    @if(!empty($currentOccasion))
+        @card__body([])
             @typography([
                 'classList' => [
                     'u-display--flex',
                     'u-align-items--center',
                     'o-layout-grid--gap-2'
+                ],
+                'attributeList' => [
+                    'style' => 'margin-left: -3px;'
                 ]
 
             ])
@@ -28,34 +38,37 @@
                     {!! $currentOccasion->getStartDate() !!} - {!! $currentOccasion->getEndTime() !!}
                 @endtypography
             @endtypography
-        @endif
+        @endcard__body
+    @endif
 
-        @if(!empty($occasions) && count($occasions) > 1)
-            @accordion([])
-                @accordion__item([
-                    'heading' => $lang->moreOccasions
+    @if(!empty($occasions) && count($occasions) > 1)
+        @accordion([])
+            @accordion__item([
+                'heading' => $lang->moreOccasions,
+                'attributeList' => [
+                    'style' => '--c-accordion--inset-padding-x: 0;'
+                ]
+            ])
+                @collection([
+                    'compact' => true
                 ])
-                    @collection([
-                        'compact' => true
+                @foreach($occasions as $occasion)
+                    @if(!$occasion->isCurrent())
+                    @collection__item([
+                        'link' => $occasion->getUrl(),
+                        'icon' => 'chevron_forward',
+                        'iconLast' => true
                     ])
-                    @foreach($occasions as $occasion)
-                        @if(!$occasion->isCurrent())
-                        @collection__item([
-                            'link' => $occasion->getUrl(),
-                            'icon' => 'chevron_forward',
-                            'iconLast' => true
-                        ])
-                        @typography([
-                                    'element' => 'span',
-                                ])
-                                    {!! $occasion->getStartDate() !!} - {!! $occasion->getEndTime() !!}
-                                @endtypography
-                        @endcollection__item
-                        @endif
-                    @endforeach
-                    @endcollection
-                @endaccordion__item
-            @endaccordion
-        @endif
-    @endslot
+                    @typography([
+                                'element' => 'span',
+                            ])
+                                {!! $occasion->getStartDate() !!} - {!! $occasion->getEndTime() !!}
+                            @endtypography
+                    @endcollection__item
+                    @endif
+                @endforeach
+                @endcollection
+            @endaccordion__item
+        @endaccordion
+    @endif
 @endcard