From 23900bac14bfbeb9a9f97d1c9363ddd55b5e521f Mon Sep 17 00:00:00 2001
From: Ryan Price <7935599+ryprice@users.noreply.github.com>
Date: Wed, 17 Jan 2024 04:09:11 -0500
Subject: [PATCH] ManifestSummary popover heigh max to 100vh in small viewport

---
 .../src/components/ManifestSummary/ManifestSummary.ts        | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts b/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts
index e2b7d0a3..5f488f83 100644
--- a/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts
+++ b/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts
@@ -77,6 +77,9 @@ export class ManifestSummary extends Configurable(LitElement, defaultConfig) {
       css`
         #container {
           width: var(--cai-manifest-summary-width, 320px);
+          display: flex;
+          flex-direction: column;
+          max-height: calc(100vh);
         }
 
         #content-container {
@@ -97,6 +100,8 @@ export class ManifestSummary extends Configurable(LitElement, defaultConfig) {
 
           overflow-y: auto;
           overflow-x: hidden;
+          flex-grow: 1;
+          flex-shrink: 1;
         }
 
         #content-container > *:not(:first-child):not([empty]),