Styling the parsed content

form/res-judicata/src/views/Upload.vue

@@ -1,10 +1,12 @@
 <template>
   <div>
-    <form action="." method="POST" enctype="multipart/form-data" @submit.prevent="processForm">
+    <div class="container is-flex is-align-items-center is-flex-direction-column">
-      <input id="file" type="file" name="file">
+      <form action="." method="POST" enctype="multipart/form-data" @submit.prevent="processForm">
-      <input type="submit" value="Submit">
+        <label>Label, jak <strike>zákon</strike> norma káže: <input id="file" type="file" name="file"></label>
-    </form>
+        <input type="submit" value="Submit">
-    <div id="content"></div>
+      </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