component-view position fixes for note-tags-component-container

app/assets/stylesheets/app/_editor.scss

@@ -58,7 +58,7 @@ $heading-height: 75px;
     position: absolute;
 
     right: 20px;
-    font-size: var(--sn-stylekit-font-size-h5);
+    font-size: calc(var(--sn-stylekit-base-font-size) - 2px);
     text-transform: none;
     font-weight: normal;
     margin-top: 4px;
@@ -80,6 +80,11 @@ $heading-height: 75px;
       height: 50px;
       overflow: auto; // Required for expired sub to not overflow
 
+      .component-view {
+        // see comment under main .component-view css defintion
+        position: inherit;
+      }
+
       iframe {
         height: 50px;
         width: 100%;

app/assets/stylesheets/app/_modals.scss

@@ -168,6 +168,9 @@
   flex-grow: 1;
   display: flex;
   flex-direction: column;
+
+  // required so that .loading-overlay absolute works properly wrt to modal components. However, seems to break #note-tags-component-container.
+  // I couldn't find any solution to this other than to customize .component-view position back to inherit for note-tags-component-container.
   position: relative;
 
   // not sure why we need this. Removed because it creates unncessary scroll bars. Tested on folders extension, creates horizontal scrollbar at bottom on windows