From 687d140d9b5c33bd8974a15bfadbfbc090ecdd29 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Wed, 11 Jun 2025 03:50:38 +0300
Subject: [PATCH] fix: The menus and the interface is now stay in place and is
 more stabile (#65)

---
 .../client/src/components/EditingTools.tsx             | 10 +++++-----
 .../video-editor/client/src/styles/EditingTools.css    |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend-tools/video-editor/client/src/components/EditingTools.tsx b/frontend-tools/video-editor/client/src/components/EditingTools.tsx
index 6f2978c6..ed4360c0 100644
--- a/frontend-tools/video-editor/client/src/components/EditingTools.tsx
+++ b/frontend-tools/video-editor/client/src/components/EditingTools.tsx
@@ -60,7 +60,7 @@ const EditingTools = ({
         <div className="button-group play-buttons-group">
           {/* Play Segments button */}
           <button 
-            className={`button segments-button ${isPlayingSegments && isSmallScreen ? 'highlighted-stop' : ''}`}
+            className={`button segments-button`}
             onClick={onPlaySegments}
             data-tooltip={isPlayingSegments ? "Stop segments playback" : "Play all segments continuously until the end"}
             style={{ fontSize: '0.875rem' }}
@@ -149,7 +149,7 @@ const EditingTools = ({
           )}
           
           {/* Segments Playback message (replaces play button during segments playback) */}
-          {isPlayingSegments && !isSmallScreen && (
+          {/* {isPlayingSegments && !isSmallScreen && (
             <div className="segments-playback-message">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                 <circle cx="12" cy="12" r="10" />
@@ -158,10 +158,10 @@ const EditingTools = ({
               </svg>
               Preview Mode
             </div>
-          )}
+          )} */}
           
           {/* Preview mode message (replaces play button) */}
-          {isPreviewMode && (
+          {/* {isPreviewMode && (
             <div className="preview-mode-message">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                 <circle cx="12" cy="12" r="10" />
@@ -170,7 +170,7 @@ const EditingTools = ({
               </svg>
               Preview Mode
             </div>
-          )}
+          )} */}
         </div>
         
         {/* Right side - Editing tools */}
diff --git a/frontend-tools/video-editor/client/src/styles/EditingTools.css b/frontend-tools/video-editor/client/src/styles/EditingTools.css
index d2643e61..29cb00a7 100644
--- a/frontend-tools/video-editor/client/src/styles/EditingTools.css
+++ b/frontend-tools/video-editor/client/src/styles/EditingTools.css
@@ -281,6 +281,7 @@
     
     .short-text {
       display: inline;
+      margin-left: 0.15rem;
     }
     
     /* Hide reset text */