From 672a79cc0991d9cd635f581a1e8570c7abea2c5d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 17 Sep 2020 15:25:58 -0400
Subject: [PATCH] 1 column

---
 ui/scss/component/_claim-list.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 5c4ac26ce..66f6398e3 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -351,7 +351,7 @@
 }
 
 .claim-preview--tile {
-  margin-bottom: var(--spacing-l);
+  margin-bottom: var(--spacing-m);
   margin-right: 0;
   margin-top: 0;
   margin-left: var(--spacing-m);
@@ -405,14 +405,13 @@
   }
 
   @media (max-width: $breakpoint-small) {
-    $width: calc((100vw / 2) - var(--spacing-s) - var(--spacing-l) / 2);
+    $width: 100%;
     width: $width;
     @include handleClaimTileGifThumbnail($width);
-    margin-bottom: var(--spacing-l);
+    margin-left: 0;
 
-    &:first-child,
-    &:nth-child(2n + 1) {
-      margin-left: 0;
+    &:not(:first-child) {
+      margin-top: var(--spacing-s);
     }
 
     .channel-thumbnail {
@@ -425,12 +424,11 @@
   margin: var(--spacing-s);
   font-weight: 600;
   color: var(--color-text);
-  font-size: var(--font-xsmall);
+  font-size: var(--font-small);
   min-height: 2rem;
 
   @media (min-width: $breakpoint-small) {
     min-height: 2.5rem;
-    font-size: var(--font-small);
   }
 }