reformat page

src/index.html

@@ -11,16 +11,21 @@
       <h1>BOM to Table</h1>
     </header>
     <main>
-      <section>
+      <section class="upload">
         <h2>Upload BOM csv file</h2>
         <input id="csvFile" type="file" accept=".csv" />
         <hr />
+      </section>
+      <section>
+        <h2>Table</h2>
         <table></table>
       </section>
       <section>
         <h2>Table HTML</h2>
         <!-- <textarea id="markup" cols="30" rows="10"></textarea> -->
         <pre contenteditable=""><code id="markup" class="language-html"></code></pre>
+      </section>
+      <section>
         <h2>JSON Object</h2>
         <pre contenteditable=""><code id="jsonObject"></code></pre>
       </section>

src/style.css

@@ -9,10 +9,14 @@ main {
   flex-direction: row;
   flex-flow: wrap;
   min-width: 500px;
-  max-width: 80vw;
+  max-width: 90vw;
   justify-content: space-between;
 }
 
 section {
-  flex: 0 0 45%;
+  flex: 0 0 32%;
+}
+
+.upload {
+  flex-basis: 100%;
 }