From b18391085b1fb7b27492bbde803c6b668d70a72c Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Thu, 31 Aug 2017 21:21:45 +0100
Subject: [PATCH 1/2] card row autoadjust on window resize and scroll arrow
 clipping css fix

---
 CHANGELOG.md                 | 2 +-
 ui/scss/component/_card.scss | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f5936d296..1b27c1767 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,7 +16,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
   *
 
 ### Fixed
-  *
+  * Some CSS changes to prevent the card row from clipping the scroll arrows after the window width is reduced below a certain point
   *
 
 ### Deprecated
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 472e95d63..50c7e009f 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -210,8 +210,9 @@ $padding-right-card-hover-hack: 30px;
 .card-row--small {
   overflow: hidden;
   white-space: nowrap;
-  /*hacky way to give space for hover */
-  padding-right: $padding-right-card-hover-hack;
+  width: 100%;
+  min-width: $width-card-small;
+  margin-right: $spacing-vertical
 }
 .card-row__header {
   margin-bottom: $spacing-vertical / 3;
@@ -219,6 +220,8 @@ $padding-right-card-hover-hack: 30px;
 
 .card-row__scrollhouse {
   position: relative;
+  /*hacky way to give space for hover */
+  padding-right: $padding-right-card-hover-hack
 }
 
 .card-row__nav {
@@ -249,7 +252,7 @@ $padding-right-card-hover-hack: 30px;
   left: 0;
 }
 .card-row__nav--right {
-  right: -1 * $padding-right-card-hover-hack;
+  right: 0;
 }
 
 .card__icon-featured-content {

From f0efcea3d532ed7a0be75cfe8056ecf83d999070 Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Fri, 1 Sep 2017 09:08:15 +0100
Subject: [PATCH 2/2] added semicolons

---
 ui/scss/component/_card.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 50c7e009f..81959a4b4 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -212,7 +212,7 @@ $padding-right-card-hover-hack: 30px;
   white-space: nowrap;
   width: 100%;
   min-width: $width-card-small;
-  margin-right: $spacing-vertical
+  margin-right: $spacing-vertical;
 }
 .card-row__header {
   margin-bottom: $spacing-vertical / 3;
@@ -221,7 +221,7 @@ $padding-right-card-hover-hack: 30px;
 .card-row__scrollhouse {
   position: relative;
   /*hacky way to give space for hover */
-  padding-right: $padding-right-card-hover-hack
+  padding-right: $padding-right-card-hover-hack;
 }
 
 .card-row__nav {