fix: Trigger borders should be rounded (#2172)

- Closes #2107

src/scss/carousel.scss

@@ -46,10 +46,10 @@
   cursor: grabbing;
 }
 
-:host([direction='vertical']) ::slotted(.embla__slide) {
+:host([direction='vertical']) ::slotted(.embla__slide:not(:last-of-type)) {
   margin-bottom: 5px;
 }
 
-:host([direction='horizontal']) ::slotted(.embla__slide) {
+:host([direction='horizontal']) ::slotted(.embla__slide:not(:last-of-type)) {
   margin-right: 5px;
 }

src/scss/live-carousel.scss

@@ -6,6 +6,10 @@
 
   // Keep carousel controls relative to the media carousel itself.
   position: relative;
+
+  // See: https://github.com/dermotduffy/advanced-camera-card/issues/2107
+  border-radius: var(--ha-card-border-radius, 4px);
+  overflow: hidden;
 }
 
 // When the carousel is not part of a grid ensure its height matches its

src/scss/media-grid.scss

@@ -23,8 +23,6 @@
 
 ::slotted(*) {
   box-sizing: border-box;
-  border-radius: var(--ha-card-border-radius, 4px);
-  overflow: hidden;
   width: var(--advanced-camera-card-grid-column-size);
 
   // Unselected items included a transparent border to act as the effective

src/scss/viewer-carousel.scss

@@ -6,6 +6,10 @@
 
   // Keep carousel controls relative to the media carousel itself.
   position: relative;
+
+  // See: https://github.com/dermotduffy/advanced-camera-card/issues/2107
+  border-radius: var(--ha-card-border-radius, 4px);
+  overflow: hidden;
 }
 
 // When the carousel is not part of a grid ensure its height matches its