sorta make channel pages look better with long titles

ui/scss/component/_channel.scss

@@ -38,6 +38,8 @@ $metadata-z-index: 1;
   width: 5rem;
   background-size: cover;
   margin-right: var(--spacing-medium);
+  margin-top: var(--spacing-large);
+  box-shadow: var(--card-box-shadow);
 }
 
 .channel-thumbnail--small {
@@ -103,11 +105,13 @@ $metadata-z-index: 1;
   padding-left: calc(var(--channel-thumbnail-width) + var(--spacing-large));
   padding-right: var(--spacing-medium);
   padding-bottom: var(--spacing-medium);
+  margin-top: var(--spacing-xlarge);
   min-width: 0;
   width: 100%;
 
   @media (max-width: $breakpoint-small) {
     padding-left: var(--spacing-medium);
+    margin-top: 0;
   }
 }
 

ui/scss/init/_vars.scss

@@ -53,7 +53,7 @@ $breakpoint-medium: 1150px;
   // Image
   --thumbnail-preview-height: 100px;
   --thumbnail-preview-width: 177px;
-  --cover-photo-height: 180px;
+  --cover-photo-height: 210px;
   --channel-thumbnail-width: 10rem;
   --channel-thumbnail-width--small: 4rem;
   --file-list-thumbnail-width: 10rem;

ui/scss/themes/light.scss

@@ -42,7 +42,7 @@
   --color-card-background-highlighted: #f6faff;
   --color-list-header: #fff;
   --color-file-viewer-background: var(--color-card-background);
-  --color-tabs-background: var(--color-primary-alt);
+  --color-tabs-background: var(--color-card-background);
   --color-tab-divider: var(--color-primary);
   --color-modal-background: var(--color-card-background);