From 601c52af4075cd87bd6aa0f45e35202a76a1d0a5 Mon Sep 17 00:00:00 2001
From: Juan Rosario <pyroclasmx@yahoo.com>
Date: Fri, 6 Aug 2021 14:51:32 -0500
Subject: [PATCH] Move loading progress bar

---
 src/components/gcodeviewer/Viewer.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/gcodeviewer/Viewer.vue b/src/components/gcodeviewer/Viewer.vue
index 00e2638f..d0fcb1e0 100644
--- a/src/components/gcodeviewer/Viewer.vue
+++ b/src/components/gcodeviewer/Viewer.vue
@@ -4,6 +4,11 @@
 			<v-icon>mdi-video-3d</v-icon>
 			{{ $t('GCodeViewer.Title') }}
 			<v-spacer></v-spacer>
+			<div class="progress-container">
+			<v-progress-linear :value="loadingPercent" class="disable-transition" color="#d41216" height="15" rounded v-show="loading">
+				<span class="progress-text">{{loadingPercent}}%</span>
+			</v-progress-linear>
+			</div>
 			<v-btn @click="tracking=true" v-show="showTrackingButton">{{ $t("GCodeViewer.TrackPrint")}}</v-btn>
 			<v-btn @click="reloadViewer()" color="info" v-show="reloadRequired">{{$t("GCodeViewer.ReloadRequired")}}</v-btn>
 		</v-card-title>
@@ -15,11 +20,7 @@
 					<v-select :items="renderQualities" :label="$t('GCodeViewer.RenderQuality')" attach class="mt-1" item-text="label" v-model="renderQuality"></v-select>
 					<v-checkbox :label="$t('GCodeViewer.ForceLineRendering')" v-model="forceLineRendering"></v-checkbox>
 				</v-col>
-				<v-col cols="10" ref="viewerCanvasContainer">
-					<v-progress-linear :value="loadingPercent" class="disable-transition" color="#d41216" height="15" rounded v-show="loading">
-						<span class="progress-text">{{loadingPercent}}%</span>
-					</v-progress-linear>
-				</v-col>
+				<v-col cols="10" ref="viewerCanvasContainer"></v-col>
 			</v-row>
 			<input :accept="'.g,.gcode,.gc,.gco,.nc,.ngc,.tap'" @change="fileSelected" hidden multiple ref="fileInput" type="file" />
 		</v-card-text>
@@ -40,6 +41,10 @@
 	font-size: small;
 }
 
+.progress-container {
+	width:83%;
+}
+
 .disable-transition {
 	transition: none !important;
 }