From 22d907ac98c12ccd5e94f585fc5a00548bebeedb Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 9 Aug 2019 10:10:04 -0400
Subject: [PATCH] fix image styling on funding page

---
 src/components/base/MediaView.jsx       | 2 +-
 src/components/projects/FundProject.jsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/base/MediaView.jsx b/src/components/base/MediaView.jsx
index b9558af..bfc73d9 100644
--- a/src/components/base/MediaView.jsx
+++ b/src/components/base/MediaView.jsx
@@ -12,7 +12,7 @@ function MediaView({ className, isVideo, source, playing, imgClass }) {
        <ReactPlayer width="100%" height="100%" url={source} playing={playing} controls/>}
       {!isVideo && <CardMedia
         component="img"
-        alt="video"
+        alt="image"
         className={imgClass}
         src={source}
         title="media-description"
diff --git a/src/components/projects/FundProject.jsx b/src/components/projects/FundProject.jsx
index b0cf051..940eb73 100644
--- a/src/components/projects/FundProject.jsx
+++ b/src/components/projects/FundProject.jsx
@@ -127,6 +127,10 @@ const styles = theme => ({
   halfText: {
     gridColumnStart: 4
   },
+  imgClass: {
+    maxHeight: '40vh',
+    maxWidth: '30vw'
+  },
   chatRoomIcon: {
     justifySelf: 'auto'
   },
@@ -279,7 +283,7 @@ const SubmissionSection = ({ classes, projectData, projectId, pledges, commitTim
                   <div className={classes.chatText}>{manifest.code}</div>
                 </a>
               </div>
-              <MediaView className={classes.fullWidth} isVideo={isVideo} source={mediaUrl} />
+              <MediaView className={classes.fullWidth} isVideo={isVideo} source={mediaUrl} imgClass={classes.imgClass} />
               <TextDisplay
                 name="Full description"
                 text={manifest.description}