Merge pull request #2001 from lbryio/channel-alignment

better channel actions alignment

src/renderer/page/channel/view.jsx

@@ -85,12 +85,12 @@ class ChannelPage extends React.PureComponent<Props> {
             {name}
             {fetching && <BusyIndicator />}
           </h1>
-          <div className="card__actions card__actions--no-margin">
-            <SubscribeButton uri={permanentUrl} channelName={name} />
-            <ViewOnWebButton claimId={claimId} claimName={name} />
-          </div>
         </section>
-        <section>{contentList}</section>
+        <div className="card__actions">
+          <SubscribeButton uri={permanentUrl} channelName={name} />
+          <ViewOnWebButton claimId={claimId} claimName={name} />
+        </div>
+        <section className="card__content">{contentList}</section>
         {(!fetching || (claimsInChannel && claimsInChannel.length)) &&
           totalPages > 1 && (
             <FormRow verticallyCentered centered>

src/renderer/page/show/view.jsx

@@ -42,8 +42,8 @@ class ShowPage extends React.PureComponent<Props> {
     if ((isResolvingUri && !claim) || !claim) {
       const { claimName } = parseURI(uri);
       innerContent = (
-        <Page>
-          <section className="card">
+        <Page notContained>
+          <section>
             <h1>{claimName}</h1>
             <div className="card__content">
               {isResolvingUri && <BusyIndicator message={__('Loading decentralized data...')} />}

src/renderer/scss/component/_card.scss

@@ -217,8 +217,7 @@
 }
 
 .card__channel-info--large {
-  padding-top: 0;
-  padding-bottom: $spacing-vertical * 2/3;
+  padding: 0;
 }
 
 .card__content {