fixed recording box styling

1 files changed, 6 insertions, 12 deletions

diff --git a/src/client/views/nodes/RecordingBox/RecordingView.scss b/src/client/views/nodes/RecordingBox/RecordingView.scss
index 2e6f6bc26..287cccd8f 100644
--- a/src/client/views/nodes/RecordingBox/RecordingView.scss
+++ b/src/client/views/nodes/RecordingBox/RecordingView.scss
@@ -41,30 +41,22 @@ button {
 .controls {
       display: flex;
       align-items: center;
-      justify-content: space-evenly;
+      justify-content: center;
       position: absolute;
-      // padding: 14px;
-      //width: 100%;
-      max-width: 500px;
-      // max-height: 20%;
+      width: 100%;
       flex-wrap: wrap;
       background: rgba(255, 255, 255, 0.25);
       box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(4px);
+      // backdrop-filter: blur(4px);
       border-radius: 10px;
       border: 1px solid rgba(255, 255, 255, 0.18);
-      // transform: translateY(150%);
       transition: all 0.3s ease-in-out;
-      // opacity: 0%;
       bottom: 34.5px;
       height: 60px;
-      right: 2px;
-      // bottom: -150px;
 }
 
 .controls:active {
       bottom: 40px;
-      // bottom: -150px;
 }
 
 .actions button {
@@ -134,8 +126,10 @@ button {
 .controls-inner-container {
       display: flex;
       flex-direction: row;
-      align-content: center;
       position: relative;
+      width: 100%;
+      align-items: center;
+      justify-content: center;
 }
 
 .record-button-wrapper {