Another padding adjustment on mobile

ui/page/channels/view.jsx

@@ -138,7 +138,6 @@ export default function ChannelsPage(props: Props) {
       {!(channelUrls && channelUrls.length) && (
         <React.Fragment>
           {!fetchingChannels ? (
-            <section className="main--empty">
             <Yrbl
               title={__('No channels')}
               subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")}
@@ -148,7 +147,6 @@ export default function ChannelsPage(props: Props) {
                 </div>
               }
             />
-            </section>
           ) : (
             <section className="main--empty">
               <Spinner delayed />

ui/scss/component/_channel.scss

@@ -828,5 +828,8 @@ $actions-z-index: 2;
   }
   @media (max-width: $breakpoint-small) {
     padding: var(--spacing-s);
+    .yrbl__wrap {
+      margin-top: var(--spacing-l);
+    }
   }
 }