From 9d95e07d8252734ab89202900a3b594ea2bb3fc3 Mon Sep 17 00:00:00 2001
From: Piero Toffanin <pt@masseranolabs.com>
Date: Tue, 26 Oct 2021 16:04:50 -0400
Subject: [PATCH] Style fix

---
 app/app.py               |  4 ++--
 app/templates/index.html | 14 ++++++--------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/app/app.py b/app/app.py
index e3a809e..17282d2 100644
--- a/app/app.py
+++ b/app/app.py
@@ -496,7 +496,7 @@ def create_app(args):
             name: file
             type: file
             required: true
-            description: file to translate
+            description: File to translate
           - in: formData
             name: source
             schema:
@@ -573,7 +573,7 @@ def create_app(args):
         file = request.files['file']
 
         if not file:
-            abort(400, description="Invalid request: missing q parameter")
+            abort(400, description="Invalid request: missing file parameter")
         if not source_lang:
             abort(400, description="Invalid request: missing source parameter")
         if not target_lang:
diff --git a/app/templates/index.html b/app/templates/index.html
index 24bb0f0..a5d1d5d 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -105,7 +105,7 @@
 			<div class="container">
 				<div class="row">
 					<h3 class="header center">Translation API</h3>
-                    <div class="col s12 mb-1" v-if="filesTranslation === true">
+                    <div class="col s12 mb-1 center" v-if="filesTranslation === true">
                         <button type="button" class="btn btn-switch-type" @click="switchType('text')" :class="{'active': translationType === 'text'}"><i class="material-icons left">title</i>Translate text</button>
                         <button type="button" class="btn btn-switch-type" @click="switchType('files')" :class="{'active': translationType === 'files'}"><i class="material-icons left">description</i>Translate files</button>
                     </div>
@@ -190,12 +190,10 @@
                                 </div>
                                 <div v-if="inputFile !== false" class="dropzone-content">
                                     <div class="card">
-                                        <div class="card-content">
-                                            <div class="row">
-                                                <div class="col s10">
-                                            <p>[[ inputFile.name ]]</p>
-                                                </div>
-                                                <div class="col s2">
+                                        <div class="card-content"  style="padding-right: 6px;">
+                                            <div class="row mb-0">
+                                                <div class="col s12">
+                                                    [[ inputFile.name ]]
                                                     <button v-if="loadingFileTranslation !== true" @click="removeFile" class="btn-flat">
                                                         <i class="material-icons">close</i>
                                                     </button>
@@ -216,7 +214,7 @@
 			</div>
 		</div>
 
-		<div class="section no-pad-bot">
+		<div class="section no-pad-bot" v-if="translationType !== 'files'">
 			<div class="container">
 				<div class="row center">
 					<div class="col s12 m12">