fix spacing

src/renderer/component/recommendedVideos/index.js

@@ -1,14 +1,10 @@
 import { connect } from 'react-redux';
 import { doFetchClaimsByChannel } from 'redux/actions/content';
-import {
+import { makeSelectClaimsInChannelForCurrentPage } from 'lbry-redux';
-  makeSelectClaimsInChannelForCurrentPage,
-  makeSelectFetchingChannelClaims,
-} from 'lbry-redux';
 import RecommendedVideos from './view';
 
 const select = (state, props) => ({
   claimsInChannel: makeSelectClaimsInChannelForCurrentPage(props.channelUri)(state),
-  fetching: makeSelectFetchingChannelClaims(props.channelUri)(state),
 });
 
 const perform = dispatch => ({

src/renderer/component/recommendedVideos/view.jsx

@@ -8,24 +8,23 @@ import type { Claim } from 'types/claim';
 type Props = {
   channelUri: ?string,
   claimsInChannel: ?Array<Claim>,
-  fetching: boolean,
   fetchClaims: (string, number) => void,
 };
 
 export default class RecommendedVideos extends React.PureComponent<Props> {
   componentDidMount() {
     const { channelUri, fetchClaims, claimsInChannel } = this.props;
-    if (!claimsInChannel) {
+    if (channelUri && !claimsInChannel) {
       fetchClaims(channelUri, 1);
     }
   }
 
   render() {
-    const { claimsInChannel, fetching } = this.props;
+    const { claimsInChannel } = this.props;
 
     return (
       <div className="card__list--recommended">
-        <FormRow alignRight>
+        <FormRow>
           <ToolTip onComponent body={__('Automatically download and play free content.')}>
             <FormField
               useToggle
@@ -38,7 +37,6 @@ export default class RecommendedVideos extends React.PureComponent<Props> {
             />
           </ToolTip>
         </FormRow>
-        {fetching && <div>Loading</div>}
         {claimsInChannel &&
           claimsInChannel.map(({ permanent_url: permanentUrl }) => (
             <FileTile

src/renderer/scss/component/_card.scss

@@ -422,7 +422,11 @@
 }
 
 .card__list--recommended {
+  min-width: 300px;
+  flex-basis: auto; /* default value */
+  flex-grow: 1;
   padding-left: $spacing-width;
+
   .card {
     display: block;
   }

src/renderer/scss/component/_content.scss

@@ -1,5 +1,7 @@
 .content__wrapper {
-  width: 740px;
+  min-width: 400px;
+  flex-basis: auto; /* default value */
+  flex-grow: 1;
 }
 
 .content__embedded {