small style fixes

sdl60660 · May 24, 2024 · 1878ecd · 1878ecd
1 parent 16ca1a4
commit 1878ecd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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;
 }
diff --git 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;
     }