fix: adjust photo carousel margins in Place Overview

PiperOrigin-RevId: 580706930
googlemaps · Nov 9, 2023 · 34478ed · 34478ed
1 parent 3c5682c
commit 34478ed
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/place_overview/place_overview.ts b/src/place_overview/place_overview.ts
@@ -190,12 +190,18 @@ export class PlaceOverview extends BaseComponent {
     }
 
     .carousel {
+      display: flex;
       line-height: normal;
-      margin-inline-end: ${getTypeScaleSizeFromPx(-20)};
+      margin-inline: ${getTypeScaleSizeFromPx(-20)};
       overflow-x: auto;
+      padding-inline: ${getTypeScaleSizeFromPx(20)};
       white-space: nowrap;
     }
 
+    .carousel[no-data] {
+      margin-bottom: ${getTypeScaleSizeFromPx(-12)};
+    }
+
     .carousel::-webkit-scrollbar {
       background-color: ${GMPX_COLOR_SURFACE};
       width: 16px;
@@ -218,7 +224,7 @@ export class PlaceOverview extends BaseComponent {
       background-color: #7d7d7d;
     }
 
-    .carousel .gallery::part(tile) {
+    .carousel.gallery::part(tile) {
       height: ${getTypeScaleSizeFromPx(134)};
       width: ${getTypeScaleSizeFromPx(142)};
     }