From 7803a7e5effed7bbbbe9e6e951da8249e4afb098 Mon Sep 17 00:00:00 2001
From: miguel <31931809+miguelvaca@users.noreply.github.com>
Date: Sat, 16 Oct 2021 18:03:30 +1100
Subject: [PATCH] Fixed some desktop sizing.

---
 toroid.css | 51 ++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/toroid.css b/toroid.css
index 9b6b892..45ad196 100644
--- a/toroid.css
+++ b/toroid.css
@@ -144,17 +144,54 @@ div input {
 @media screen and (min-width: 800px) {
     section.gridLayoutClass {
         display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: 1fr 1fr;
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr 0.3fr;
         grid-template-areas: 
-        "inductor-container" "slider-container"
-        "inductor-container" "notes";
+        "chart-container"
+        "inductor-container" 
+        "slider-container";
         justify-items: stretch;
     }
 
+    section div.chart-container {
+        height: 50vh;
+        width: 100vw;
+        box-sizing: border-box; 
+    }
+    
     section div.inductor-container {
-        height: 100vh;
-        width: 50vw;
+        height: 25vh;
+        width: 100vw;
+        box-sizing: border-box; 
+    }
+    
+    section div.slider_container {
+        width: 100%;
+        height: 10vh;
+    }
+}
+
+/*
+@media screen and (min-width: 800px) {
+    section.gridLayoutClass {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr 0.3fr;
+        grid-template-areas: 
+        "chart-container" "inductor-container" 
+        "slider-container"  "notes";
+        justify-items: stretch;
+    }
+
+    section div.chart-container {
+        height: 70vh;
+        width:  50vw;
+        box-sizing: border-box; 
+    }
+    
+    section div.inductor-container {
+        height: 70vh;
+        width:  50vw;
         box-sizing: border-box; 
     }
     
@@ -168,7 +205,7 @@ div input {
         height: 50%;
     }
 }
-
+*/
 
 /*
 @media (orientation: landscape) {