From fb7a3a8189ddb71274891665514ba9bd15d7754c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= <vojtech.kane@gmail.com>
Date: Sat, 23 Jan 2021 08:58:07 +0100
Subject: [PATCH] Styling the parsed content

---
 form/res-judicata/src/views/Upload.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/form/res-judicata/src/views/Upload.vue b/form/res-judicata/src/views/Upload.vue
index 7c72cd0..1bd0dfd 100644
--- a/form/res-judicata/src/views/Upload.vue
+++ b/form/res-judicata/src/views/Upload.vue
@@ -1,10 +1,12 @@
 <template>
   <div>
-    <form action="." method="POST" enctype="multipart/form-data" @submit.prevent="processForm">
-      <input id="file" type="file" name="file">
-      <input type="submit" value="Submit">
-    </form>
-    <div id="content"></div>
+    <div class="container is-flex is-align-items-center is-flex-direction-column">
+      <form action="." method="POST" enctype="multipart/form-data" @submit.prevent="processForm">
+        <label>Label, jak <strike>zákon</strike> norma káže: <input id="file" type="file" name="file"></label>
+        <input type="submit" value="Submit">
+      </form>
+      <div id="content"></div>
+    </div>
   </div>
 </template>
 
@@ -17,6 +19,17 @@
   }
 </style>
 
+<style scoped>
+  #content {
+    margin-top: 5rem;
+    overflow: scroll;
+  }
+
+  .container {
+    max-height: 100vh;
+  }
+</style>
+
 <script>
 // @ is an alias to /src