From fa750c6f472ab4d135144fb44c44c1733c0f606b Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Mon, 26 Feb 2018 17:00:54 -0800
Subject: [PATCH] fixed css width issue on details page

---
 public/assets/css/general.css              | 14 +++++++-------
 react/components/ShowAssetDetails/view.jsx |  2 +-
 react/components/ShowAssetLite/view.jsx    |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index 7b4f2af4..fcf621d7 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -542,10 +542,6 @@ table {
 
 /* show */
 
-.asset {
-	max-width: 100%;
-}
-
 #video {
 	cursor: pointer;
 	background-color: #ffffff;
@@ -556,15 +552,19 @@ table {
 }
 
 /* show lite */
-#show-lite-container {
+.show-lite-container {
 	text-align: center;
 }
 
-#show-lite-container #asset-display-component {
+.show-lite-container #asset-display-component {
 	max-height: calc(100vh - 3em);
 }
 
-#show-lite-container #asset-display-component .asset {
+.show-details-container #asset-display-component .asset {
+	width: 100%
+}
+
+.show-lite-container #asset-display-component .asset {
 	max-height: calc(100vh - 3em);
 	max-width: 100vw;
 }
diff --git a/react/components/ShowAssetDetails/view.jsx b/react/components/ShowAssetDetails/view.jsx
index 25f8a4e2..991f1243 100644
--- a/react/components/ShowAssetDetails/view.jsx
+++ b/react/components/ShowAssetDetails/view.jsx
@@ -20,7 +20,7 @@ class ShowAssetDetails extends React.Component {
               <AssetTitle />
             </div>
             <div className='column column--5 column--sml-10 align-content-top'>
-              <div className='row row--padded'>
+              <div className='row row--padded show-details-container'>
                 <AssetDisplay />
               </div>
             </div><div className='column column--5 column--sml-10 align-content-top'>
diff --git a/react/components/ShowAssetLite/view.jsx b/react/components/ShowAssetLite/view.jsx
index f8049c97..8241a31b 100644
--- a/react/components/ShowAssetLite/view.jsx
+++ b/react/components/ShowAssetLite/view.jsx
@@ -9,7 +9,7 @@ class ShowLite extends React.Component {
     if (asset) {
       const { name, claimId } = asset.claimData;
       return (
-        <div id='show-lite-container' className='row row--tall flex-container--column flex-container--center-center'>
+        <div className='row row--tall flex-container--column flex-container--center-center show-lite-container'>
           <SEO pageTitle={name} asset={asset} />
           <AssetDisplay />
           <Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted