preview action, click outside panel handle

app/assets/stylesheets/app/_directives.scss

@@ -1,4 +1,33 @@
+.extension-render-modal {
+  position: fixed;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 10000;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(gray, 0.3);
+
+  .content {
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+    background-color: white;
+    width: 700px;
+    height: 500px;
+    margin: auto;
+    padding: 25px;
+    position: absolute;
+    top: 0; left: 0; bottom: 0; right: 0;
+    overflow-y: scroll;
+  }
+}
+
 .dropdown-menu.contextual-menu {
+  overflow-y: scroll;
+  max-height: 85vh;
+
   .extension {
 
     &:not(:first-child) {

app/assets/stylesheets/app/_editor.scss

@@ -177,15 +177,6 @@
   right: 0;
 }
 
-.full-screen-button {
-  cursor: pointer;
-  position: absolute;
-  top: 25px;
-  right: 20px;
-  z-index: 100;
-}
-
-
 ol {
     list-style-type: decimal;
     list-style-position: inside;
@@ -196,8 +187,6 @@ ol {
     -webkit-padding-start: 0px;
 }
 
-
-
 .nav-tabs {
   a {
       color: black;

app/assets/stylesheets/app/_header.scss

@@ -150,6 +150,11 @@
   }
 }
 
+h2 {
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+
 .footer-bar {
   position: relative;
   width: 100%;
@@ -194,10 +199,6 @@
     display: block;
   }
 
-  h2 {
-    margin-bottom: 0px;
-    margin-top: 0px;
-  }
 
   h3 {
     font-size: 14px !important;