From 1878ecd2f1c2679823cd88986a0e1c2b81e83087 Mon Sep 17 00:00:00 2001
From: Sam Learner <sam.learner@ft.com>
Date: Fri, 24 May 2024 12:21:25 -0400
Subject: [PATCH] small style fixes

---
 frontend/src/styles/ListFilters.scss | 1 +
 frontend/src/styles/Result.scss      | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/styles/ListFilters.scss b/frontend/src/styles/ListFilters.scss
index 2f049f6..3121a65 100644
--- a/frontend/src/styles/ListFilters.scss
+++ b/frontend/src/styles/ListFilters.scss
@@ -14,4 +14,5 @@
     border-radius: 10px;
     margin-bottom: 10px;
     background-color: #f3f3f3;
+    overflow-x: hidden;
 }
\ No newline at end of file
diff --git a/frontend/src/styles/Result.scss b/frontend/src/styles/Result.scss
index 9ce4a4e..a423293 100644
--- a/frontend/src/styles/Result.scss
+++ b/frontend/src/styles/Result.scss
@@ -1,3 +1,5 @@
+$mobile-breakpoint: 660px;
+
 #recommendation-list {
     font-size: 18px;
     padding-left: 30px;
@@ -52,7 +54,7 @@
     max-width: 410px;
     overflow-x: scroll;
 
-    @media only screen and (max-width: 660px) {
+    @media only screen and (max-width: $mobile-breakpoint) {
         display: none;
         flex: 0;
         max-width: 0;
@@ -97,11 +99,11 @@
     width: auto;
 }
 
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: $mobile-breakpoint) {
     .grid-item.title-link {
         padding: 0px 8px;
         padding-left: 5px;
-        font-size: 0.9rem;
+        font-size: 1rem;
         text-align: left;
     }