Updates

app/assets/stylesheets/app/_editor.scss

@@ -68,7 +68,7 @@ $heading-height: 75px;
 
     #note-tags-component-container {
       height: 50px;
-      #note-tags-iframe {
+      iframe {
         height: 50px;
         width: 100%;
         position: absolute;
@@ -116,8 +116,8 @@ $heading-height: 75px;
 #editor-pane-component-stack {
   width: 100%;
 
-  .component {
-    height: 50px;
+  .component-stack-item {
+    // height: 50px;
     width: 100%;
     position: relative;
     &:not(:last-child) {
@@ -128,28 +128,6 @@ $heading-height: 75px;
       border-top: 1px solid $bg-color;
     }
 
-    .exit-button {
-      width: 15px;
-      height: 100%;
-      position: absolute;
-      right: 0;
-      background-color: transparent;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      color: rgba(black, 0.7);
-      text-align: center;
-      padding-left: 2px;
-
-      .content {
-
-      }
-
-      &:hover {
-        background-color: rgba(gray, 0.3);
-      }
-    }
-
     iframe {
       width: 100%;
     }

app/assets/stylesheets/app/_modals.scss

@@ -12,6 +12,10 @@
   }
 }
 
+.panel {
+  background-color: white;
+}
+
 .modal {
   position: fixed;
   margin-left: auto;
@@ -44,14 +48,12 @@
   }
 }
 
-.modal-iframe-container {
+// Optionally use if .component-view container is not flex-based
+.component-view-container {
   flex-grow: 1;
   display: flex;
-
-  iframe {
-    flex-grow: 1;
-    width: 100%;
-  }
+  height: 100%;
+  width: 100%;
 }
 
 .component-view {

app/assets/stylesheets/app/_stylekit-sub.scss

@@ -0,0 +1,7 @@
+.panel {
+  color: black;
+
+  a {
+    color: $blue-color;
+  }
+}

app/assets/stylesheets/frontend.css.scss

@@ -11,5 +11,6 @@ $dark-gray: #2e2e2e;
 @import "app/menus";
 @import "app/modals";
 @import "app/lock-screen";
+@import "app/stylekit-sub";
 
 @import "ionicons";