diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss index 9bb6d853d9b..1d4c1d0f6ca 100644 --- a/site/gdocs/components/LatestDataInsights.scss +++ b/site/gdocs/components/LatestDataInsights.scss @@ -85,7 +85,10 @@ html:not(.js-enabled) .latest-data-insights__card, .latest-data-insights__card-left { display: flex; - height: 100%; + + picture { + display: flex; // Fix extra padding at the bottom. + } img { height: 100%; @@ -93,6 +96,7 @@ html:not(.js-enabled) .latest-data-insights__card, max-width: initial; @include md-down { + height: auto; max-width: 100%; } } @@ -103,6 +107,7 @@ html:not(.js-enabled) .latest-data-insights__card, flex-direction: column; height: 100%; min-height: 0; + overflow: hidden; } .latest-data-insights__card-body { @@ -123,6 +128,7 @@ html:not(.js-enabled) .latest-data-insights__card, ); } } + .latest-data-insights__card-continue { @include body-3-medium; @@ -209,10 +215,8 @@ html:not(.js-enabled) .latest-data-insights__card, .latest-data-insights__dot { background-color: $blue-30; - touch-action: manipulation; display: inline-flex; text-decoration: none; - cursor: pointer; border: 0; padding: 0; margin: 0;