So as shown in the screenshot, the popover window has embedded text (green) and usual text (purple). The popover has this annoying margin (red) in between the text. What selector should I use to fix this problem? Thanks!
my custom css for popover
.popover.hover-popover {
transform: scale(0.8); /* makes the content smaller */
max-height: 1000px; /* was 300 */
min-height: 100px;
width: 500px; /* was 400 */
padding: 20px;
overflow: hidden;
.markdown-embed-link,
.file-embed-link {
display: none !important;
}
}
tried the following to fix the margin problem but neither is working
.markdown-preview-sizer, .markdown-preview-section {
padding-bottom: 0px !important; /*Gets rid of bottom padding on each page*/
min-height: 0px !important; /*Useful for embedded pages*/
}
.internal-embed.is-loaded {
padding: 0 !important;
margin: 0 !important;
}