include note styling changes

src/public/javascripts/widgets/type_widgets/abstract_text_type_widget.js

@@ -27,13 +27,21 @@ export default class AbstractTextTypeWidget extends TypeWidget {
         const note = await treeCache.getNote(noteId);
 
         if (note) {
-            $el.empty().append($("<h3>").append(await linkService.createNoteLink(note.noteId, {
+            const $link = await linkService.createNoteLink(note.noteId, {
                 showTooltip: false
-            })));
+            });
+
+            $el.empty().append(
+                $('<h4 class="include-note-title">')
+                    .append($link)
+            );
 
             const {renderedContent} = await noteContentRenderer.getRenderedContent(note);
 
-            $el.append(renderedContent);
+            $el.append(
+                $('<div class="include-note-content">')
+                    .append(renderedContent)
+            );
         }
     }
 

src/public/stylesheets/style.css

@@ -744,7 +744,7 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
 
 .include-note {
     margin-bottom: 10px;
-    padding: 20px;
+    padding: 10px;
     border-radius: 10px;
     background-color: var(--accented-background-color);
 }
@@ -753,6 +753,16 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
     content: '' !important;
 }
 
+.include-note.box-size-small .include-note-content {
+    max-height: 10em;
+    overflow: auto;
+}
+
+.include-note.box-size-medium .include-note-content {
+    max-height: 20em;
+    overflow: auto;
+}
+
 .alert-warning {
     color: var(--main-text-color) !important;
     background-color: var(--accented-background-color) !important;
@@ -863,14 +873,4 @@ body {
 
 .hidden-int, .hidden-ext {
     display: none !important;
-}
-
-.include-note.box-size-small {
-    max-height: 12em;
-    overflow: auto;
-}
-
-.include-note.box-size-medium {
-    max-height: 25em;
-    overflow: auto;
 }