fix(notes): make first two lines visible when collapsed

src/app/components/_notes/note/note.component.scss

@@ -1,5 +1,5 @@
 // Copyright (c) 2020 s-blu
-// 
+//
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/.
@@ -46,7 +46,7 @@
 }
 
 .exandable-wrap.collapsed {
-  max-height: 2.5em;
+  max-height: 2.6em;
   overflow-y: hidden;
   transition: ease-in-out max-height 400ms;
 }

src/app/components/_notes/noteItemCkeditorView/noteItemCkeditorView.component.scss

@@ -1,7 +1,9 @@
 // Copyright (c) 2020 s-blu
-// 
+//
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
-
+.readonly-note-ckeditor .ck.ck-editor__editable_inline > :first-child {
+  margin-top: 0;
+}

src/app/components/_notes/noteItemCkeditorView/noteItemCkeditorView.component.ts

@@ -1,16 +1,17 @@
 // Copyright (c) 2020 s-blu
-// 
+//
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core';
 import * as DecoupledEditor from 'src/assets/ckeditor5/build/ckeditor';
 
 @Component({
   selector: 'wy-note-item-ckeditor-view',
   templateUrl: './noteItemCkeditorView.component.html',
   styleUrls: ['./noteItemCkeditorView.component.scss'],
+  encapsulation: ViewEncapsulation.None,
 })
 export class NoteItemCkeditorViewComponent implements OnInit {
   @Input() data: string;