From fc1de1a09992f2ac271d509a4f24b5a1528e8f6a Mon Sep 17 00:00:00 2001
From: nadirdeveloper <nadirali.41006@gmail.com>
Date: Mon, 7 Nov 2022 23:34:09 +0500
Subject: [PATCH] fixed action issue in button style in glassview

---
 src/components/GlassArView/index.css |  4 ++++
 src/components/GlassArView/index.tsx | 19 ++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/GlassArView/index.css b/src/components/GlassArView/index.css
index 33aa108..3a4ddc8 100644
--- a/src/components/GlassArView/index.css
+++ b/src/components/GlassArView/index.css
@@ -95,6 +95,10 @@
   }
   .JeelizVTOWidgetContainer {
     width: 1000px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
   }
   .buttonIcon {
     display: inline-block;
diff --git a/src/components/GlassArView/index.tsx b/src/components/GlassArView/index.tsx
index 524bc1d..c5f2103 100644
--- a/src/components/GlassArView/index.tsx
+++ b/src/components/GlassArView/index.tsx
@@ -117,7 +117,16 @@ export function GlassArView(this: any, props: GlassArViewProps) {
     <div className='JeelizVTOWidgetContainer' >
       <div ref={refPlaceHolder} className='JeelizVTOWidget' style={{ height: isheight, width: iswidth }}>
         <canvas ref={refCanvas} className='JeelizVTOWidgetCanvas'></canvas>
-        <div className='JeelizVTOWidgetButtonContainer'>
+       
+
+        <div ref={refLoading} className='JeelizVTOWidgetLoading'>
+          <div className='JeelizVTOWidgetLoadingText'>
+            LOADING...
+          </div>
+        </div>
+
+      </div>
+      <div className='JeelizVTOWidgetButtonContainer'>
           {
             adjustMode && (
               <div className='JeelizVTOWidgetAdjustNoticeContainer' >
@@ -147,14 +156,6 @@ export function GlassArView(this: any, props: GlassArViewProps) {
             )
           }
         </div>
-
-        <div ref={refLoading} className='JeelizVTOWidgetLoading'>
-          <div className='JeelizVTOWidgetLoadingText'>
-            LOADING...
-          </div>
-        </div>
-
-      </div>
     </div>
   )
 }