🚨 Fix invalid HTML warning when running tests

RedHatProductSecurity · Jan 9, 2025 · 1bc4834 · 1bc4834
1 parent 702cba0
commit 1bc4834
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/QueryFilterGuide/QueryFilterGuide.vue b/src/components/QueryFilterGuide/QueryFilterGuide.vue
@@ -176,7 +176,8 @@
             </tr>
           </tbody>
         </table>
-        <p class="info">Notes:
+        <section class="info mt-3">
+          Notes:
           <ol>
             <li>
               <code>~</code> and <code>!~</code> operators can be applied only to
@@ -198,7 +199,7 @@
               will cause an error.
             </li>
           </ol>
-        </p>
+        </section>
       </div>
       <div class="module">
         <h2 id="values">Values</h2>
@@ -330,19 +331,19 @@ code {
   font-size: 1.5ch;
 }
 
-p.info,
-p.warn {
+.info,
+.warn {
   border: 0.1rem solid $redhat-teal-30;
   border-radius: 0.25rem;
   padding: 0.75ch;
 }
 
-p.info {
+.info {
   background-color: $redhat-teal-10;
   border: 0.1rem solid $redhat-teal-30;
 }
 
-p.warn {
+.warn {
   background-color: $redhat-yellow-10;
   border: 0.1rem solid $redhat-yellow-30;
 }