docs(uxdot-best-practice): change Do/Don't heading space and icons

RedHat-UX · Nov 5, 2024 · 0fdbfa2 · 0fdbfa2
1 parent 36d86e5
commit 0fdbfa2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/uxdot/uxdot-best-practice.css b/uxdot/uxdot-best-practice.css
@@ -17,7 +17,7 @@ span {
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: var(--rh-space-sm);
+  gap: var(--rh-space-md);
 }
 
 #do span {

diff --git a/uxdot/uxdot-best-practice.ts b/uxdot/uxdot-best-practice.ts
@@ -13,7 +13,7 @@ export class UxdotBestPractice extends LitElement {
 
   render() {
     const { variant } = this;
-    const icon = variant === 'do' ? 'check-circle' : 'close-circle';
+    const icon = variant === 'do' ? 'check-circle-fill' : 'close-circle-fill';
     const title = variant === 'do' ? 'Do' : 'Don\'t';
     return html`
       <figure id="container">