fix some minor style issues

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sqliteviz",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "license" : "Apache-2.0",
   "private": true,
   "scripts": {

src/components/DbUpload.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="db-upload-container">
     <label for="assetsFieldHandle">
       <div class="drop-area" @dragover="dragover" @dragleave="dragleave" @drop="drop">
         <input
@@ -9,7 +9,7 @@
           ref="file"
           accept=".db,.sqlite,.sqlite3"
         />
-        <div>
+        <div class="text">
           Drop the database file to upload here or click to choose a file from your computer.
         </div>
       </div>
@@ -57,8 +57,10 @@ label {
   padding: 8px;
   border-radius: var(--border-radius-big);
   height: 100%;
+  width: 100%;
   box-sizing: border-box;
 }
+
 .drop-area {
   background-color: var(--color-bg-light-3);
   border-radius: var(--border-radius-big);
@@ -71,6 +73,7 @@ label {
   justify-content: center;
   height: 100%;
 }
+
 input {
   display: none;
 }

src/views/Editor.vue

@@ -53,14 +53,26 @@ export default {
 
 #db-uploader {
   flex-grow: 1;
-  margin: 24px;
+  padding: 24px;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .warning {
   padding: 12px 24px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+>>> .db-upload-container {
+  width: 100%;
 }
 
 >>>.drop-area {
   padding: 0 15px;
 }
+
+>>>.drop-area .text {
+  max-width: 200px;
+}
 </style>