Swapped Icons, site description removed + navbar uppercase. Box shadow fix.

client/scss/asset-display/_asset-display.scss

@@ -64,6 +64,14 @@
   &.closed {
     box-shadow: none;
   }
+  &:before{
+    content: '';
+    width: 100%;
+    height: 100px;
+    position: absolute;
+    z-index: 100;
+    box-shadow: inset 0px 2px 3px 2px rgba(169, 173, 186, 0.2);
+  } 
 }
 
 .asset-information-wrap {

client/scss/nav-bar/_nav-bar.scss

@@ -1,10 +1,17 @@
 .nav-bar {
   padding-left: $primary-padding;
   padding-right: $primary-padding;
+  
+  @media (max-width: $break-point-phone) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
   // border-bottom: 0.5px solid $tertiary-color;
   .select--arrow {
     padding: 0 1.5em 0 $input-padding;
     font-size: 14px;
+    text-transform: uppercase;
   }
 }
 
@@ -12,6 +19,7 @@
   padding: calc(1em - 2px);
   display: inline-block;
   font-size: 14px;
+  text-transform: uppercase;
 }
 
 .nav-bar-logo {
@@ -25,6 +33,7 @@
     padding-bottom: calc(1em - 2px);
     padding-left: 1em;
   }
+  
 }
 
 @media (max-width: $break-point-small ) {
@@ -35,3 +44,5 @@
     padding-left: 0.5em;
   }
 }
+
+

client/src/components/NavBar/index.jsx

@@ -10,7 +10,6 @@ class NavBar extends React.Component {
       <div className={'nav-bar'}>
         <SpaceBetween >
           <Logo />
-          <SiteDescription />
           <NavigationLinks />
         </SpaceBetween>
       </div>

client/src/components/VerticalCollapsibleSplit/index.jsx

@@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
         <div className='visible-content' data-name={this.props.name}>
           {this.props.top}
           <button className='collapse-button' onClick={this.collapse}>
-            {this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle className='plus-icon' /> }
+            {this.state.closed ? <Icon.PlusCircle className='plus-icon' />  : <Icon.MinusCircle /> }
           </button>
         </div>
         <div className='collapse-content' data-name={this.props.name}>

client/src/containers/AssetInfo/view.jsx

@@ -11,7 +11,7 @@ import * as Icon from 'react-feather';
 
 class AssetInfo extends React.Component {
   render () {
-    const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
+    const { asset: { shortId, claimData: { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
     return (
       <div className='asset-information-wrap'>
         <HorizontalSplit