From 53eb8a7b148a49b1b6e56429b860321445c78281 Mon Sep 17 00:00:00 2001
From: Ekaitz Zarraga <ekaitz@elenq.tech>
Date: Tue, 14 Feb 2023 10:36:00 +0100
Subject: Add a container to fix graph rendering

---
 css/style.css | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'css/style.css')

diff --git a/css/style.css b/css/style.css
index 459fdec..f7b9eaa 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,29 +8,30 @@ body{
 }
 
 .forecast > h1,
-.day-forecast {
+.day-forecast-container {
   margin: 0.5rem;
   padding: 0.3rem;
   font-size: 1.2rem;
 }
 
-.day-forecast {
+.day-forecast-container{
   border-radius: 5px;
   border: 1px solid lightgrey;
   cursor: pointer;
+  background-color: whitesmoke;
 }
-
-.day-forecast h2 {
-  font-size: 1.1rem;
-}
-
-.day-forecast{
+.day-forecast {
+  display: flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
-  background-color: whitesmoke;
 }
+
+.day-forecast h2 {
+  font-size: 1.1rem;
+}
+
 .day-forecast-text{
   min-width: 200px;
   margin: 0 2rem;
@@ -65,5 +66,8 @@ footer{
   text-transform: lowercase;
 }
 .day-forecast-text p:first-letter {
-text-transform: uppercase;
+  text-transform: uppercase;
+}
+.hourly-forecast {
+  width: 100%;
 }
-- 
cgit v1.2.3