fix(markdown-parser): do not apply margin for first child/heading

and revert margin/padding changes in html

note: commit overwrites gn-ui css for now. can be removed on next gn-ui update where the bug has been fixed as well

apps/datahub/src/app/dataset/dataset-header/dataset-header.component.html

@@ -41,7 +41,7 @@ <h2 class="mel-section-title mb-6" translate>mel.dataset.abstract</h2>
       [showContent]="fieldReady('abstract')"
     >
       <mel-datahub-text-expand [maxLines]="3"
-        ><div class="sm:block text-2xl pb-8">
+        ><div class="sm:block text-2xl">
           <gn-ui-markdown-parser
             [textContent]="record.abstract"
           ></gn-ui-markdown-parser></div

libs/mel/src/lib/text-expand/text-expand.component.html

@@ -1,6 +1,6 @@
 <div
   #container
-  class="overflow-hidden transition-[max-height] duration-300 relative"
+  class="overflow-hidden transition-[max-height] duration-300 mb-8 relative"
   [ngClass]="isExpanded || !showToggleButton ? 'ease-in' : 'ease-out'"
   [style.maxHeight]="maxHeight"
 >

resources/styles.css

@@ -188,3 +188,9 @@ gn-ui-copy-text-button div button {
 gn-ui-copy-text-button div textarea {
   @apply bg-white rounded-l !important;
 }
+
+/** No margin for first markdown child/heading, that cannot be detected by getBoundingClientRect()
+    => can be removed after next gn-ui update **/
+.markdown-body :first-child {
+  margin-top: 0 !important;
+}