properer merge

client/src/containers/AssetDisplay/view.jsx

@@ -71,8 +71,8 @@ class AssetDisplay extends React.Component {
             }
           })()
           }
-          <AssetTitle />
         </div>
+        <AssetTitle />
       </div>
     );
   }

client/src/containers/AssetInfo/view.jsx

@@ -6,6 +6,7 @@ import Row from '@components/Row';
 import SpaceBetween from '@components/SpaceBetween';
 import AssetShareButtons from '@components/AssetShareButtons';
 import ClickToCopy from '@components/ClickToCopy';
+import HorizontalSplit from '@components/HorizontalSplit';
 
 import siteConfig from '@config/siteConfig.json';
 const { details: { host } } = siteConfig;
@@ -28,6 +29,16 @@ class AssetInfo extends React.Component {
       channelCanonicalUrl = `${createCanonicalLink({channel})}`;
     }
     return (
+      <div className='asset-information-wrap'>
+        <HorizontalSplit
+          leftSide={
+            description && (
+              <Row>
+                <p>{description}</p>
+              </Row>
+            )
+          }
+          rightSide={
             <div>
               {channelName && (
                 <Row>
@@ -134,19 +145,13 @@ class AssetInfo extends React.Component {
                   </a>
                 </SpaceBetween>
               </Row>
-
+            </div>
-        {description && (
+          } />
-          <Row>
-            <p>{description}</p>
-          </Row>
-        )}
-
         <Row>
           <p>
             Hosted via the <a className={'link--primary'} href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
           </p>
         </Row>
-
       </div>
     );
   }