Moving description into horizontal split + added brand color for links

client/scss/variables/_variables.scss

@@ -5,6 +5,7 @@ $tertiary-color: #ccccc0;
 $interactive-color: blue;
 $success-color: green;
 $failure-color: red;
+$brand-color: #ff725d;
 
 $primary-padding: 3em;
 $secondary-padding: 2em;

client/src/containers/AssetInfo/view.jsx

@@ -5,19 +5,24 @@ import RowLabeled from '@components/RowLabeled';
 import Row from '@components/Row';
 import SpaceBetween from '@components/SpaceBetween';
 import AssetShareButtons from '@components/AssetShareButtons';
+import HorizontalSplit from '@components/HorizontalSplit';
 import ClickToCopy from '@components/ClickToCopy';
 
 class AssetInfo extends React.Component {
   render () {
     const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
     return (
-      <div>
-
-        {description && (
-          <Row>
-            <p class='asset-description'>{description}</p>
-          </Row>
-        )}
+      <div className='asset-information'>
+        <HorizontalSplit
+          leftSide={
+            <div className='asset-description'>
+              {description && (
+                <p>{description}</p>
+              )}
+            </div>
+          }
+          rightSide={''}
+        />
 
         {channelName && (
           <Row>