From ac93b379a9f79e26824f404093d02f0fd381fe75 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Wed, 17 Nov 2021 10:25:07 +0800
Subject: [PATCH] Fix annoying hierarchy error with Yrbl

`<div>` cannot be a descendend of `<p>`, and `{subtitle}`s sometimes need to have `<div>`s.

Just switch from `<p>` to `<div>`, and let the client decide when the actual text paragraphs are.
---
 ui/component/yrbl/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/component/yrbl/index.jsx b/ui/component/yrbl/index.jsx
index 44af157be..a35fa0bc8 100644
--- a/ui/component/yrbl/index.jsx
+++ b/ui/component/yrbl/index.jsx
@@ -41,7 +41,7 @@ export default class extends React.PureComponent<Props> {
           {(title || subtitle) && (
             <div className="yrbl__content">
               <h2 className="section__title">{title}</h2>
-              <p className="section__subtitle">{subtitle}</p>
+              <div className="section__subtitle">{subtitle}</div>
             </div>
           )}
           {actions}