delete ext option, full screen padding

app/assets/stylesheets/app/_editor.scss

@@ -12,6 +12,21 @@
 
   .section-title-bar {
     border-bottom: none !important;
+
+    &.fullscreen {
+      opacity: 0.0;
+      -webkit-transition: all 300ms ease-in-out;
+      -moz-transition: all 300ms ease-in-out;
+      -ms-transition: all 300ms ease-in-out;
+      -o-transition: all 300ms ease-in-out;
+      transition: all 300ms ease-in-out;
+
+      &:hover {
+        opacity: 1.0;
+      }
+
+      // z-index: -1;
+    }
   }
 
   $heading-height: 90px;
@@ -65,6 +80,26 @@
 
   }
 
+  .fullscreen-ghost-bar {
+
+    position: absolute;
+    width: 20%;
+    height: 200px;
+    z-index: 100;
+    //
+    // &:hover + .section-title-bar {
+    //   // show section title bar when hover over ghost bar
+    //   opacity: 1.0;
+    //   z-index: 100;
+    // }
+
+    // &:not(:hover) + .section-title-bar {
+    //     // display: none;
+    //     opacity: 1.0;
+    // }
+  }
+
+
   .editor-content {
     max-height: 100%;
 
@@ -74,9 +109,14 @@
     padding-left: 10px;
     padding-right: 10px;
     overflow: auto;
-
+    text-align: center; // centers children div horizontally
+    z-index: 10;
     padding-top: $heading-height;
 
+    &.fullscreen {
+      padding-top: 0px;
+    }
+
     .sampler-container {
       margin-top: 10px;
       padding: 15px;
@@ -101,6 +141,12 @@
       padding-top: 17px;
       font-size: 17px;
       resize: none;
+
+      &.fullscreen {
+        padding: 85px 10%;
+        max-width: 1200px;
+        display: inline-block;;
+      }
     }
 
     .preview {
@@ -110,6 +156,13 @@
       line-height: 23px;
       overflow-y: scroll;
       padding: 0px 15px;
+      text-align: left;
+
+      &.fullscreen {
+        padding: 85px 10%;
+        max-width: 1200px;
+        display: inline-block;;
+      }
     }
   }
 }