From 66b67b8fa29257cf22e5d3b5ecd1f9960a9fb654 Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:57:27 -0500 Subject: [PATCH] Finally fi;xed the grid row issue woohoo --- index.html | 4 ++-- main.css | 3 ++- main.js | 6 ++++-- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index baa5f61..f0e7118 100644 --- a/index.html +++ b/index.html @@ -78,9 +78,9 @@ src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"> - + --> diff --git a/main.css b/main.css index b5280ba..04cc543 100644 --- a/main.css +++ b/main.css @@ -66,7 +66,8 @@ footer { grid-column: 1; grid-row: 2; font-weight: 600; - width: 50%; + width: auto; + height: auto; margin: 0 auto; border-radius: 10px; } diff --git a/main.js b/main.js index f7b719d..14d8317 100644 --- a/main.js +++ b/main.js @@ -1,7 +1,8 @@ const submitButton = document.getElementById('subBut'); submitButton.addEventListener("click", parseName); -var chartDiv = document.querySelector('#grades'); -var aboutDiv = document.querySelector('.about-text'); +const chartDiv = document.querySelector('#grades'); +const aboutDiv = document.querySelector('.about-text'); +const formDiv = document.querySelector('.bg-form'); if(chartDiv.getAttribute('value') == 'invisible'){ chartDiv.style.display = 'none'; } @@ -127,6 +128,7 @@ async function PapaParse(department, num, name, sem) { aboutDiv.style.visibility='hidden'; aboutDiv.style.display='none'; chartDiv.style.display = ''; + formDiv.setAttribute("style", "grid-row: 1"); } }