From f82540c677e3234821fecffd2a38833dfdb1a215 Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Sat, 8 Jun 2024 19:58:21 -0500
Subject: [PATCH] Fix horizontal scroll for main forecast panel

---
 src/views/WeatherView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/WeatherView.vue b/src/views/WeatherView.vue
index 3c1a66c..2d46308 100644
--- a/src/views/WeatherView.vue
+++ b/src/views/WeatherView.vue
@@ -82,7 +82,7 @@ export default {
         <div class="panel-block">
 
           <div v-if="weatherStore.forecast"
-               style="display: flex;">
+               style="display: flex; overflow-x: scroll;">
 
             <div v-for="period in weatherStore.forecast.properties.periods"
                  :key="period.number"
@@ -138,7 +138,7 @@ export default {
 <style scoped>
 
 .weather-period {
-    width: 100px;
+    min-width: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;