From 3b03f3965151fda9da715f2b9ad3ed3fe2919ce2 Mon Sep 17 00:00:00 2001
From: Extended Component Library Team
 <extended-component-library-authors@google.com>
Date: Thu, 9 Nov 2023 11:46:23 -0800
Subject: [PATCH] fix: adjust photo carousel margins in Place Overview

PiperOrigin-RevId: 580978305
---
 src/place_overview/place_overview.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/place_overview/place_overview.ts b/src/place_overview/place_overview.ts
index dd7c79a..143a466 100644
--- 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)};
     }