UI tweaks

assets/css/main.css

@@ -3881,6 +3881,7 @@ input, select, textarea {
   color: #FFFFFF;
   cursor: default;
   height: 7em;
+  height: 0;
   left: 0;
   overflow-x: auto;
   overflow-y: auto;
@@ -3892,6 +3893,8 @@ input, select, textarea {
   width: 100%;
   padding: 0;
   line-height: 3.5em;
+  transition-property:height; 
+  transition-duration:1s;
 }
 
   #sponsor > .inner {

index.html

@@ -95,7 +95,7 @@
  <!-- Progress -->
  <section id="progress" class="wrapper style3 fade-up" style="height: 100vh;">
     <!-- Sponsor bar -->
-    <section id="sponsor" style="display: none;">
+    <section id="sponsor">
       <div class="inner">
         <p><center><a href="https://github.com/sponsors/noisymime" target="_blank">Speeduino is a volunteer run project. Click here if you're interested in supporting Speeduino's development</a><br /><span class="icon major fa-heart"></span></center></p>
       </div>

renderer.js

@@ -346,7 +346,7 @@ function uploadFW()
             console.log("Using port: " + uploadPort);
 
             //Show the sponsor banner
-            document.getElementById('sponsor').style.display = "block"
+            document.getElementById('sponsor').style.height = "7em"
 
             //Begin the upload
             if(isTeensy)