From ae58be498552f34e9a97b5016adfc95532b1de41 Mon Sep 17 00:00:00 2001
From: mashehu <mashehu3@gmail.com>
Date: Fri, 27 Sep 2024 14:52:59 +0200
Subject: [PATCH] fix playwright test

---
 sites/main-site/src/components/ThemeSwitch.svelte         | 8 +-------
 .../src/components/component/ComponentParamTable.astro    | 4 ++--
 sites/main-site/tests/main-site.spec.ts                   | 2 +-
 3 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/sites/main-site/src/components/ThemeSwitch.svelte b/sites/main-site/src/components/ThemeSwitch.svelte
index 1e07f25870..5ca4fe2e45 100644
--- a/sites/main-site/src/components/ThemeSwitch.svelte
+++ b/sites/main-site/src/components/ThemeSwitch.svelte
@@ -40,13 +40,7 @@
 </script>
 
 <div class="dropdown" title="Change theme" data-bs-toggle="tooltip" data-bs-placement="bottom">
-    <button
-        class="nav-link dropdown-toggle"
-        type="button"
-        data-bs-toggle="dropdown"
-        aria-expanded="false"
-        title="Change theme"
-    >
+    <button class="nav-link dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="theme-icon-light" class:d-none={theme !== 'light'}>
             <slot name="light" />
         </i>
diff --git a/sites/main-site/src/components/component/ComponentParamTable.astro b/sites/main-site/src/components/component/ComponentParamTable.astro
index 59d4737237..f3f7ba4248 100644
--- a/sites/main-site/src/components/component/ComponentParamTable.astro
+++ b/sites/main-site/src/components/component/ComponentParamTable.astro
@@ -27,12 +27,12 @@ if (name == 'Input') {
     params.length > 0 && (
         <div class="row border-bottom border-3">
             <div class="col-12 col-md-4 col-xxl-3">
-                <span class="text-body-secondary">
+                <span class="text-body-secondary ps-3">
                     name<span class="ps-0 font-monospace opacity-75 small">:type</span>
                 </span>
             </div>
             <div class="col-12 col-md-7">
-                <span class="text-body-secondary text-start">description</span>
+                <span class="text-body-secondary text-start ps-3">description</span>
             </div>
             <div class="col-12 col-md">
                 <span class="text-body-secondary float-end">pattern</span>
diff --git a/sites/main-site/tests/main-site.spec.ts b/sites/main-site/tests/main-site.spec.ts
index 5b1c215373..c986e8f1b3 100644
--- a/sites/main-site/tests/main-site.spec.ts
+++ b/sites/main-site/tests/main-site.spec.ts
@@ -41,7 +41,7 @@ test('dark mode', async ({ page }) => {
     // get background-color value
     const bodyBackgroundColorLight = await page.evaluate(() => getComputedStyle(document.body).backgroundColor);
     //click dark mode dropdown
-    await page.getByRole('button', { name: 'Change theme' }).click();
+    await page.getByRole('button', { name: 'Change theme button' }).click();
     //click dark mode
     await page.getByRole('button', { name: 'dark' }).click();
     const bodyBackgroundColorDark = await page.evaluate(() => getComputedStyle(document.body).backgroundColor);