From a7c6135afddf6b6101ccc1d6ea2a86c2cd32e74d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 24 Jul 2018 21:10:33 -0400
Subject: [PATCH] fix spacing

---
 src/renderer/component/common/spinner.jsx         | 0
 src/renderer/component/recommendedVideos/index.js | 6 +-----
 src/renderer/component/recommendedVideos/view.jsx | 8 +++-----
 src/renderer/scss/component/_card.scss            | 4 ++++
 src/renderer/scss/component/_content.scss         | 4 +++-
 5 files changed, 11 insertions(+), 11 deletions(-)
 delete mode 100644 src/renderer/component/common/spinner.jsx

diff --git a/src/renderer/component/common/spinner.jsx b/src/renderer/component/common/spinner.jsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/renderer/component/recommendedVideos/index.js b/src/renderer/component/recommendedVideos/index.js
index 99c896103..2585158c8 100644
--- a/src/renderer/component/recommendedVideos/index.js
+++ b/src/renderer/component/recommendedVideos/index.js
@@ -1,14 +1,10 @@
 import { connect } from 'react-redux';
 import { doFetchClaimsByChannel } from 'redux/actions/content';
-import {
-  makeSelectClaimsInChannelForCurrentPage,
-  makeSelectFetchingChannelClaims,
-} from 'lbry-redux';
+import { makeSelectClaimsInChannelForCurrentPage } from 'lbry-redux';
 import RecommendedVideos from './view';
 
 const select = (state, props) => ({
   claimsInChannel: makeSelectClaimsInChannelForCurrentPage(props.channelUri)(state),
-  fetching: makeSelectFetchingChannelClaims(props.channelUri)(state),
 });
 
 const perform = dispatch => ({
diff --git a/src/renderer/component/recommendedVideos/view.jsx b/src/renderer/component/recommendedVideos/view.jsx
index 63c3488d3..a843d5ec5 100644
--- a/src/renderer/component/recommendedVideos/view.jsx
+++ b/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
diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index dba7c4666..e518164b8 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/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;
   }
diff --git a/src/renderer/scss/component/_content.scss b/src/renderer/scss/component/_content.scss
index efa498900..f0f0d8219 100644
--- a/src/renderer/scss/component/_content.scss
+++ b/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 {