Merge branch 'develop'

1 files changed, 22 insertions, 14 deletions

diff --git a/frontend/src/components/panels/MainPane.scss b/frontend/src/components/panels/MainPane.scss
index 2973c00..8f99b3c 100644
--- a/frontend/src/components/panels/MainPane.scss
+++ b/frontend/src/components/panels/MainPane.scss
@@ -1,22 +1,30 @@
 @import "../../colors";
 
-.main-pane {
-  display: flex;
-  height: 100%;
-  padding: 0 15px;
-  background-color: $color-primary-2;
+.pane-container {
+  background-color: $color-primary-0;
 
-  .pane {
-    flex: 1;
-  }
+  .main-pane {
+    position: absolute;
+    z-index: 50;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
 
-  .connections-pane {
-    flex: 1 0;
-    margin-right: 7.5px;
+    .tutorial {
+      flex-basis: 100%;
+      padding: 5px 10px;
+      text-align: center;
+      background-color: $color-primary-2;
+    }
   }
 
-  .details-pane {
-    flex: 1 1;
-    margin-left: 7.5px;
+  .background-pane {
+    height: 100%;
+    opacity: 0.4;
   }
 }