Moved inline row into a new class inside row.scss and applied same rule for channel and share

client/scss/click-to-copy/_click-to-copy.scss

@@ -33,4 +33,3 @@
     }
   }
 }
-

client/scss/row/_row.scss

@@ -58,3 +58,25 @@
   }
 
 }
+
+
+@media (max-width: $break-point-tablet) and (min-width: $break-point-phone) {
+  .tablet-inline-row {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+
+    >.row {
+      flex: 1;
+      margin: 0 15px;
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}

client/src/containers/AssetInfo/view.jsx

@@ -24,6 +24,7 @@ class AssetInfo extends React.Component {
           }
           rightSide={
             <div className='asset-information'>
+              <div className='tablet-inline-row'>
                 {channelName && (
                   <Row>
                     <RowLabeledAlt
@@ -53,7 +54,8 @@ class AssetInfo extends React.Component {
                     }
                   />
                 </Row>
-
+              </div>
+              <div className='tablet-inline-row'>
                 <Row>
                   <RowLabeledAlt
                     label={
@@ -90,6 +92,7 @@ class AssetInfo extends React.Component {
                     }
                   />
                 </Row>
+              </div>
 
               <Row>
                 <SpaceBetween>