From 0ddbaf064b3b878080c49ce4d14fc973fdc6660d Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 18 Dec 2020 18:40:04 -0700
Subject: [PATCH] Change width to min-width for the cards and allow x-scroll on
 the hand component.

---
 web/src/components/Hand.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Hand.vue b/web/src/components/Hand.vue
index 9c85bec..99ca7c7 100644
--- a/web/src/components/Hand.vue
+++ b/web/src/components/Hand.vue
@@ -104,18 +104,18 @@ export default {
 	border-radius: 20px;
 	align-items: center;
 	flex-wrap: nowrap;
+	overflow-x: auto;
 	margin: 0 auto;
 	display: flex;
-	height: 250px;
 	padding: 0px;
 	width: 95%;
 }
 
 .card {
 	background-color: var(--card-background);
+	min-width: calc(100% / 9);
 	color: var(--card-text);
 	flex-direction: column;
-	width: calc(100% / 9);
 	border-radius: 10px;
 	padding: 10px;
 	display: flex;