From 07d13b536b36bd28cbd49e09c51e8a2d929b0757 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Fri, 9 Apr 2021 12:14:48 +1000
Subject: [PATCH] RemoteContent: fix video, audio overflow

Fixes urbit/landscape#756
---
 pkg/interface/src/views/components/RemoteContent.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/components/RemoteContent.tsx b/pkg/interface/src/views/components/RemoteContent.tsx
index 08986a29c..417f0cbad 100644
--- a/pkg/interface/src/views/components/RemoteContent.tsx
+++ b/pkg/interface/src/views/components/RemoteContent.tsx
@@ -135,7 +135,7 @@ return;
     return (
       <Row
         alignItems="center"
-        maxWidth="20rem"
+        maxWidth="min(100%, 20rem)"
         gapX="1" borderRadius="1" backgroundColor="washedGray">
         { textOnly && (<Icon ml="2" display="block" icon="ArrowExternal" />)}
         <BaseAnchor
@@ -149,8 +149,8 @@ return;
         textOverflow="ellipsis"
         minWidth="0"
         width={textOnly ? "calc(100% - 24px)" : "fit-content"}
+        maxWidth="min(500px, 100%)"
         style={{ color: 'inherit', textDecoration: 'none', ...style }}
-        className="word-break-all"
         target="_blank"
         rel="noopener noreferrer"
               >
@@ -218,6 +218,8 @@ return;
             style={style}
             onLoad={onLoad}
             objectFit="contain"
+            height="100%"
+            width="100%"
             {...audioProps}
             {...props}
           />
@@ -237,6 +239,8 @@ return;
             style={style}
             onLoad={onLoad}
             objectFit="contain"
+            height="100%"
+            width="100%"
             {...videoProps}
             {...props}
           />