From 8ad1cd3cf9eca41dda957b55b77cdb75044dda94 Mon Sep 17 00:00:00 2001
From: Alexander Goryushkin <aleotu@gmail.com>
Date: Sun, 2 Jun 2024 22:56:20 -0400
Subject: [PATCH] restyle of footer buttons and title

---
 .../components/components/GeoPanel/GeoPanel.module.scss  | 5 +++++
 .../components/HelpButton/HelpButton.module.scss         | 2 +-
 .../SceneEditTitle/SceneEditTitle.component.jsx          | 7 +------
 .../components/SceneEditTitle/SceneEditTitle.module.scss | 9 ++++++---
 .../components/ZoomButtons/ZoomButtons.module.scss       | 2 +-
 src/editor/style/index.scss                              | 2 +-
 6 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/editor/components/components/GeoPanel/GeoPanel.module.scss b/src/editor/components/components/GeoPanel/GeoPanel.module.scss
index c1a5e7ead..03adc84b0 100644
--- a/src/editor/components/components/GeoPanel/GeoPanel.module.scss
+++ b/src/editor/components/components/GeoPanel/GeoPanel.module.scss
@@ -12,6 +12,11 @@
   }
 
   & > p {
+    margin-top: 8px;
     font-size: 16px !important;
+    max-width: 80vw;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
   }
 }
diff --git a/src/editor/components/components/HelpButton/HelpButton.module.scss b/src/editor/components/components/HelpButton/HelpButton.module.scss
index 36ddfbc50..9d11ae906 100644
--- a/src/editor/components/components/HelpButton/HelpButton.module.scss
+++ b/src/editor/components/components/HelpButton/HelpButton.module.scss
@@ -3,7 +3,7 @@
 .wrapper {
   .helpButton {
     position: absolute;
-    left: 32px;
+    right: 35px;
     border: unset;
     bottom: 32px;
     border-radius: 50%;
diff --git a/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx b/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx
index bfa5224e3..c97ff0027 100644
--- a/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx
+++ b/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import styles from './SceneEditTitle.module.scss';
-import { CheckMark32Icon, Cross32Icon, Edit32Icon } from '../../../icons';
+import { CheckMark32Icon, Cross32Icon } from '../../../icons';
 import { updateSceneIdAndTitle } from '../../../api/scene';
 
 const SceneEditTitle = ({ sceneData }) => {
@@ -77,11 +77,6 @@ const SceneEditTitle = ({ sceneData }) => {
           <p className={styles.title} onClick={handleEditClick}>
             {title}
           </p>
-          {!editMode && (
-            <div className={styles.editButton} onClick={handleEditClick}>
-              <Edit32Icon />
-            </div>
-          )}
         </div>
       )}
     </div>
diff --git a/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss b/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss
index 66ff235a6..5773c0a75 100644
--- a/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss
+++ b/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss
@@ -7,13 +7,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  background: rgba(50, 50, 50, 0.8);
+  padding: 8px 12px;
+  border-radius: 12px;
 
   .title {
-    width: 300px;
+    max-width: 50vw;
     text-overflow: ellipsis;
     overflow: hidden;
-    height: 24px;
-    font-size: 20px !important;
+    height: 20px;
+    font-size: 16px !important;
     white-space: nowrap;
     cursor: pointer;
   }
diff --git a/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss b/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss
index 266236df1..24216978e 100644
--- a/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss
+++ b/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss
@@ -5,7 +5,7 @@
   z-index: 1;
   top: unset;
   right: 32px;
-  bottom: 74px;
+  bottom: 84px;
   display: block;
   min-width: unset;
   width: 3rem;
diff --git a/src/editor/style/index.scss b/src/editor/style/index.scss
index 1abebc526..4be107a38 100644
--- a/src/editor/style/index.scss
+++ b/src/editor/style/index.scss
@@ -501,7 +501,7 @@ body.aframe-inspector-opened {
 #resetZoomButton {
   position: absolute !important;
   right: 35px;
-  bottom: 23px;
+  bottom: 188px;
   padding: 0 !important;
   border-radius: 50% !important;
   width: 43px;