From 706c4b71012767498e62765cb35e06e530d21bac Mon Sep 17 00:00:00 2001
From: R Midhun Suresh <hi@midhun.dev>
Date: Wed, 8 May 2024 19:27:17 +0530
Subject: [PATCH] Use h tag for widget title instead of b tag (#12504)

* Change b tag to h3 tag

* Remove margin

* Update snapshots
---
 res/css/views/rooms/_AppsDrawer.pcss                 |  5 +++++
 src/components/views/elements/AppTile.tsx            |  2 +-
 .../elements/__snapshots__/AppTile-test.tsx.snap     | 12 ++++++------
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/res/css/views/rooms/_AppsDrawer.pcss b/res/css/views/rooms/_AppsDrawer.pcss
index fc59568322..83888d0b9f 100644
--- a/res/css/views/rooms/_AppsDrawer.pcss
+++ b/res/css/views/rooms/_AppsDrawer.pcss
@@ -216,6 +216,11 @@ limitations under the License.
             margin-right: 12px;
         }
 
+        h3 {
+            font-size: inherit;
+            margin: 0;
+        }
+
         > :last-child {
             margin-left: 9px;
             display: flex;
diff --git a/src/components/views/elements/AppTile.tsx b/src/components/views/elements/AppTile.tsx
index 7a1b641791..0820ac62d1 100644
--- a/src/components/views/elements/AppTile.tsx
+++ b/src/components/views/elements/AppTile.tsx
@@ -537,7 +537,7 @@ export default class AppTile extends React.Component<IProps, IState> {
         return (
             <span>
                 <WidgetAvatar app={this.props.app} size="20px" />
-                <b>{name}</b>
+                <h3>{name}</h3>
                 <span>
                     {title ? titleSpacer : ""}
                     {title}
diff --git a/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
index 153ef09a43..4b84fa46c6 100644
--- a/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
+++ b/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -125,9 +125,9 @@ exports[`AppTile for a pinned widget should render 1`] = `
               width="20px"
             />
           </span>
-          <b>
+          <h3>
             Example 1
-          </b>
+          </h3>
           <span />
         </span>
       </span>
@@ -211,9 +211,9 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
               width="20px"
             />
           </span>
-          <b>
+          <h3>
             Example 1
-          </b>
+          </h3>
           <span />
         </span>
       </span>
@@ -364,9 +364,9 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                     width="20px"
                   />
                 </span>
-                <b>
+                <h3>
                   Example 1
-                </b>
+                </h3>
                 <span />
               </span>
             </span>