final fixes

1 files changed, 15 insertions, 11 deletions

diff --git a/src/client/views/nodes/AudioBox.scss b/src/client/views/nodes/AudioBox.scss
index f16d13a4e..93cdbbb09 100644
--- a/src/client/views/nodes/AudioBox.scss
+++ b/src/client/views/nodes/AudioBox.scss
@@ -4,7 +4,6 @@
     height: 100%;
     position: inherit;
     display: flex;
-    pointer-events: all;
     position: relative;
     cursor: default;
 
@@ -125,7 +124,6 @@
             margin-top: auto;
             margin-bottom: auto;
             width: 100%;
-            height: 80%;
             position: relative;
             padding-right: 5px;
             display: flex;
@@ -135,7 +133,6 @@
                 margin-top: auto;
                 margin-bottom: auto;
                 margin-right: 2px;
-                width: 30px;
                 height: 25px;
                 padding: 2px;
                 border-radius: 50%;
@@ -163,7 +160,6 @@
 
             .audiobox-timeline {
                 position: relative;
-                height: 80%;
                 width: 100%;
                 background: white;
                 border: gray solid 1px;
@@ -280,16 +276,20 @@
                     }
                 }
 
-                .audiobox-marker-container1,
+                .audiobox-marker-timeline,
                 .audiobox-marker-minicontainer {
                     position: absolute;
                     width: 10px;
                     height: 90%;
                     top: 2.5%;
-                    background: gray;
                     border-radius: 5px;
-                    box-shadow: black 2px 2px 1px;
-                    opacity: 0.3;
+
+                    .left-resizer {
+                        background: dimgrey;     
+                    }
+                    .resizer {
+                        background: dimgrey;
+                    }
 
                     .audiobox-marker {
                         position: relative;
@@ -303,10 +303,12 @@
 
                     .resizer {
                         position: absolute;
+                        top: 0;
                         right: 0;
+                        pointer-events: all;
                         cursor: ew-resize;
                         height: 100%;
-                        width: 2px;
+                        width: 10px;
                         z-index: 100;
                     }
 
@@ -320,14 +322,16 @@
                     .left-resizer {
                         position: absolute;
                         left: 0;
+                        top : 0;
+                        pointer-events: all;
                         cursor: ew-resize;
                         height: 100%;
-                        width: 2px;
+                        width: 10px;
                         z-index: 100;
                     }
                 }
 
-                .audiobox-marker-container1:hover,
+                .audiobox-marker-timeline:hover,
                 .audiobox-marker-minicontainer:hover {
                     opacity: 0.8;
                 }