Fix design & UI issues (#1056)

ui/scss/component/_collection.scss

@@ -158,5 +158,5 @@
 .collection-grid__results-summary {
   padding: 0;
   padding-bottom: var(--spacing-m);
-  color: var(--color-text-help);
+  color: var(--color-text);
 }

ui/scss/component/_comments.scss

@@ -6,6 +6,10 @@ $thumbnailWidthSmall: 2rem;
   font-size: var(--font-small);
   margin-top: var(--spacing-l);
 
+  .channel-name {
+    font-size: var(--font-small);
+  }
+
   @media (max-width: $breakpoint-small) {
     margin-top: var(--spacing-s);
 

ui/scss/component/_file-render.scss

@@ -22,6 +22,32 @@
         }
       }
     }
+    .placeholder.claim-preview__wrapper {
+      background-color: unset;
+      .media__thumb {
+        width: var(--file-list-thumbnail-width);
+      }
+      .placeholder__wrapper {
+        .claim-preview__title {
+          width: 95%;
+        }
+        .claim-preview__title_b {
+          display: block;
+          width: 91%;
+          margin-bottom: unset;
+        }
+        .channel-thumbnail {
+          display: none;
+        }
+        .media__subtitle {
+          width: 94%;
+          margin-top: unset;
+        }
+        .media__subtitle_b {
+          width: 46%;
+        }
+      }
+    }
   }
 
   .file-page__video-container + .card,

ui/scss/init/_gui.scss

@@ -1165,7 +1165,7 @@ img {
 
   .claim-preview__wrapper--channel {
     .claim-preview--channel {
-      a {
+      a.button:not(.tag) {
         .button__content {
           align-items: unset;
         }