#7311 Multiple Questions in a Row - An extra padding appears on the l…

…eft side of a row when questionsOnPageMode is singlePage (#7319)

* #7311 Multiple Questions in a Row - An extra padding appears on the left side of a row when questionsOnPageMode is singlePage
Fixes #7311

* #7311-add-screenshot

src/defaultV2-theme/blocks/sd-row.scss

@@ -49,7 +49,7 @@
   }
 }
 
-.sd-panel {
+.sd-panel:not(.sd-panel--as-page) {
   .sd-row--multiple {
     row-gap: var(--sd-base-vertical-padding);
 

visualRegressionTests/tests/defaultV2/panel.ts

@@ -448,6 +448,37 @@ frameworks.forEach(framework => {
       await takeElementScreenshot("panel-single-page.png", panelRoot, t, comparer);
     });
   });
+  test("Check panel with singlePage mode - one line", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1920, 1080);
+      await initSurvey(framework, {
+        questionsOnPageMode: "singlePage",
+        pages: [
+          {
+            title: "Page title",
+            description: "Page description",
+            elements: [{
+              name: "username",
+              type: "text",
+              title: "Username",
+            }, {
+              name: "email",
+              type: "text",
+              title: "E-mail address",
+              startWithNewLine: false
+            }, {
+              name: "password",
+              type: "text",
+              title: "Password",
+              startWithNewLine: false
+            }]
+          }]
+      });
+      const panelRoot = Selector(".sd-panel");
+      await resetFocusToBody();
+      await takeElementScreenshot("panel-single-page-one-line.png", panelRoot, t, comparer);
+    });
+  });
   test("Check multiple panels with singlePage mode", async (t) => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);