Merge pull request #454 from surveyjs/bug/451

Fix html content is misaligned on Node

Author: andrewtelnov

src/helper_survey.ts

@@ -154,7 +154,7 @@ export class SurveyHelper {
         return controller.useCustomFontInHtml ? controller.fontName : this.STANDARD_FONT;
     }
     public static generateCssTextRule(fontSize: number, fontStyle: string, fontName: string): string {
-        return `"font-size: ${fontSize}pt; font-weight: ${fontStyle}; font-family: ${fontName}; color: ${this.TEXT_COLOR};"`;
+        return `"font-size: ${fontSize}pt; font-weight: ${fontStyle}; font-family: ${fontName}; color: ${this.TEXT_COLOR}; margin: 0"`;
     }
     public static createHtmlContainerBlock(html: string, controller: DocController, renderAs: IHTMLRenderType): string {
         const font = this.chooseHtmlFont(controller);

tests/survey_helper.test.ts

@@ -406,4 +406,11 @@ test('check getCorrectedImageSize works incorrectly if image could not be loaded
     imageSize = await SurveyHelper.getCorrectedImageSize(controller, { imageLink: '', defaultImageWidth: 300, defaultImageHeight: 400 });
     expect(imageSize.width).toBe(225);
     expect(imageSize.height).toBe(300);
+});
+
+test('check SurveyHelper.generateCssTextRule method', () => {
+    let css = SurveyHelper.generateCssTextRule(12, 'bold', 'MyFont');
+    expect(css).toBe('"font-size: 12pt; font-weight: bold; font-family: MyFont; color: #404040; margin: 0"');
+    css = SurveyHelper.generateCssTextRule(8, 'normal', 'Arial');
+    expect(css).toBe('"font-size: 8pt; font-weight: normal; font-family: Arial; color: #404040; margin: 0"');
 });