From c3e7c5c1d4f85cd291140f06dca57107ed7db22f Mon Sep 17 00:00:00 2001
From: nadirdeveloper <nadirali.41006@gmail.com>
Date: Mon, 7 Nov 2022 22:36:45 +0500
Subject: [PATCH] fixed action button style issue

---
 src/components/GlassArView/index.css |  9 +++-
 src/components/GlassArView/index.tsx | 72 ++++++++++++++--------------
 2 files changed, 45 insertions(+), 36 deletions(-)

diff --git a/src/components/GlassArView/index.css b/src/components/GlassArView/index.css
index 1828224..33aa108 100644
--- a/src/components/GlassArView/index.css
+++ b/src/components/GlassArView/index.css
@@ -84,10 +84,17 @@
   .JeelizVTOWidgetControls {
     /* position: absolute; */
     z-index: 2;
-    width: 100%;
+    /* width: 100%; */
+    margin-left: 10px;
   }
   .JeelizVTOWidgetButtonContainer {
     display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+  }
+  .JeelizVTOWidgetContainer {
+    width: 1000px;
   }
   .buttonIcon {
     display: inline-block;
diff --git a/src/components/GlassArView/index.tsx b/src/components/GlassArView/index.tsx
index 5e978f5..524bc1d 100644
--- a/src/components/GlassArView/index.tsx
+++ b/src/components/GlassArView/index.tsx
@@ -114,45 +114,47 @@ export function GlassArView(this: any, props: GlassArViewProps) {
   } = props;
 
   return (
-    <div ref={refPlaceHolder} className='JeelizVTOWidget' style={{ height: isheight, width: iswidth }}>
-      <canvas ref={refCanvas} className='JeelizVTOWidgetCanvas'></canvas>
-      <div className='JeelizVTOWidgetButtonContainer'>
-        {
-          adjustMode && (
-            <div className='JeelizVTOWidgetAdjustNoticeContainer' >
-              <div className='JeelizVTOWidgetAdjustNotice'>
-                Move the glasses to adjust them.
+    <div className='JeelizVTOWidgetContainer' >
+      <div ref={refPlaceHolder} className='JeelizVTOWidget' style={{ height: isheight, width: iswidth }}>
+        <canvas ref={refCanvas} className='JeelizVTOWidgetCanvas'></canvas>
+        <div className='JeelizVTOWidgetButtonContainer'>
+          {
+            adjustMode && (
+              <div className='JeelizVTOWidgetAdjustNoticeContainer' >
+                <div className='JeelizVTOWidgetAdjustNotice'>
+                  Move the glasses to adjust them.
+                </div>
+                <div className='JeelizVTOWidgetControls'>
+                  <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={ExitadjustMode}>
+                    Quit
+                  </ControlButton>
+                </div>
               </div>
-              <div className='JeelizVTOWidgetControls'>
-                <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={ExitadjustMode}>
-                  Quit
-                </ControlButton>
-              </div>
-            </div>
-          )
-        }
-        {
-          !adjustMode && (
-            <>
-            <div className='JeelizVTOWidgetControls'>
-              <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={StartadjustMode}>
-                Adjust
-              </ControlButton>
-            </div>
-             <div className='JeelizVTOWidgetControls JeelizVTOWidgetChangeModelContainer'>
-             <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={SetglassesModel.bind(this, ismodalName)}>Model </ControlButton>
-           </div>
-            </>
-          )
-        }
-      </div>
+            )
+          }
+          {
+            !adjustMode && (
+              <>
+                <div className='JeelizVTOWidgetControls'>
+                  <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={StartadjustMode}>
+                    Adjust
+                  </ControlButton>
+                </div>
+                <div className='JeelizVTOWidgetControls JeelizVTOWidgetChangeModelContainer'>
+                  <ControlButton color={buttonFontColor} backgroundColor={buttonBackgroundColor} onClick={SetglassesModel.bind(this, ismodalName)}>Model </ControlButton>
+                </div>
+              </>
+            )
+          }
+        </div>
 
-      <div ref={refLoading} className='JeelizVTOWidgetLoading'>
-        <div className='JeelizVTOWidgetLoadingText'>
-          LOADING...
+        <div ref={refLoading} className='JeelizVTOWidgetLoading'>
+          <div className='JeelizVTOWidgetLoadingText'>
+            LOADING...
+          </div>
         </div>
-      </div>
 
+      </div>
     </div>
   )
 }