Merge pull request #371 from citation-file-format/342-fix-banner

fix screen error banner position

Author: fdiblen

src/components/ScreenAuthors.vue

@@ -50,19 +50,19 @@
             >
                 Add author
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="authorsErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in authorsErrors.messages"
+            <q-banner
+                v-if="authorsErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in authorsErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />

src/components/ScreenIdentifiers.vue

@@ -61,19 +61,19 @@
             >
                 Add identifier
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="identifiersErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in identifiersErrors.messages"
+            <q-banner
+                v-if="identifiersErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in identifiersErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />

src/components/ScreenKeywords.vue

@@ -39,19 +39,19 @@
             >
                 Add keyword
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="keywordsErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in keywordsErrors.messages"
+            <q-banner
+                v-if="keywordsErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in keywordsErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />