Adapt manual message upload to vue

src/styles/_page.upload.scss

@@ -1,16 +1,14 @@
 #upload {
 	padding: 1em;
-	
-	input[type="file"] {
-		border: 1px solid #333;
+
+	.section {
 		border-radius: 3px;
-	}
+		margin-top: 1rem;
+		padding: 0 1rem 1rem 1rem;
+		border-bottom: 1px solid #EEE;
+}
 
 	.progress {
-		margin: 1rem 0;
-  		border: 1px solid #333;
-		border-radius: 3px;
-
 		.bar {
 			height: 18px;
 			background: green;
@@ -18,8 +16,6 @@
 	}
 
 	.comment {
-		margin-top: 1em;
-		
 		.thumb {
 			width: 30%;
 			max-width: 100px;
@@ -27,30 +23,27 @@
 		
 		.form {
 			display: inline-block;
-			width: calc(70% - 1em);
-			min-width: calc(100% - 100px - 1em);
-			margin-left: 1em;
+			width: calc(70% - 2rem);
+			min-width: calc(100% - 100px - 2rem);
+			padding: 1rem;
 			vertical-align: top;
+			box-sizing: border-box;
 			
 			.content {
-				width: 100%;
+				width: calc(100% - 2rem);
 				box-sizing: border-box;
 				padding: 0.5em;
-				border: 1px solid #333;
-				border-radius: 3px;
+				background: #EEE;
 			}
 			
 			.save {
-				margin-top: 1em;
+				margin-top: 1rem;
 				padding: 0.5em;
 			}
 		}
 	}
-	
+
 	.logs {
-		border: 1px solid #333;
-		border-radius: 3px;
-  		margin-top: 1rem;
 		padding: 1rem;
 
 		p.log {