From b720029b2015cd113b59d2ce4409123babdb780d Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@sunshinegardens.org>
Date: Mon, 5 Oct 2020 12:52:41 -0400
Subject: [PATCH] links: disable flexshrink on link items

---
 pkg/interface/src/views/apps/links/LinkResource.tsx           | 2 +-
 .../src/views/apps/links/components/lib/link-item.js          | 4 ++--
 .../src/views/apps/links/components/lib/link-submit.tsx       | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkg/interface/src/views/apps/links/LinkResource.tsx b/pkg/interface/src/views/apps/links/LinkResource.tsx
index 96224fbaf..eb8f4aa40 100644
--- a/pkg/interface/src/views/apps/links/LinkResource.tsx
+++ b/pkg/interface/src/views/apps/links/LinkResource.tsx
@@ -69,7 +69,7 @@ export function LinkResource(props: LinkResourceProps) {
           render={(props) => {
             return (
               <Col width="100%" p={4} alignItems="center" maxWidth="768px">
-                <Row width="100%">
+                <Row width="100%" flexShrink='0'>
                   <LinkSubmit s3={s3} name={name} ship={ship.slice(1)} api={api} />
                 </Row>
                 {Array.from(graph.values()).map((node: GraphNode) => {
diff --git a/pkg/interface/src/views/apps/links/components/lib/link-item.js b/pkg/interface/src/views/apps/links/components/lib/link-item.js
index 9e2ee4615..31bd67bb2 100644
--- a/pkg/interface/src/views/apps/links/components/lib/link-item.js
+++ b/pkg/interface/src/views/apps/links/components/lib/link-item.js
@@ -36,7 +36,7 @@ export const LinkItem = (props) => {
   const baseUrl = props.baseUrl || `/~link/${resource}`;
 
   return (
-    <Row width="100%" alignItems="center" py={3} bg="white">
+    <Row flexShrink='0' width="100%" alignItems="center" py={3} bg="white">
       {img}
       <Col height="100%" justifyContent="space-between" ml={2}>
         <Anchor
@@ -47,7 +47,7 @@ export const LinkItem = (props) => {
           target="_blank"
           rel="noopener noreferrer">
           <Text> {contents[0].text}</Text>
-            <Text ml="2" color="gray">{hostname} ↗</Text> 
+            <Text ml="2" color="gray">{hostname} ↗</Text>
         </Anchor>
         <Box width="100%">
           <Text
diff --git a/pkg/interface/src/views/apps/links/components/lib/link-submit.tsx b/pkg/interface/src/views/apps/links/components/lib/link-submit.tsx
index 7d53bd30d..31ae113d6 100644
--- a/pkg/interface/src/views/apps/links/components/lib/link-submit.tsx
+++ b/pkg/interface/src/views/apps/links/components/lib/link-submit.tsx
@@ -191,7 +191,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
 
     return (
       <div
-        className={`relative ba br1 w-100 mb6 ${focus}`}
+        className={`flex-shrink-0 relative ba br1 w-100 mb6 ${focus}`}
         onDragEnter={this.onDragEnter.bind(this)}
         onDragOver={e => {
           e.preventDefault();