Cards markup tidy-up

Author: leekelleher

packages/uui-card-block-type/lib/uui-card-block-type.element.ts

@@ -95,7 +95,7 @@ export class UUICardBlockTypeElement extends UUICardElement {
     return html`
       <div id="content">
         <span title="${this.name}" id="name">${this.name}</span>
-        <small title="${this.description}">${this.description}<slot name="description"></slot></small>
+        <small title="${ifDefined(this.description)}">${this.description}<slot name="description"></slot></small>
       </div></div>
     `;
   }

packages/uui-card-user/lib/uui-card-user.element.ts

@@ -68,20 +68,22 @@ export class UUICardUserElement extends UUICardElement {
   }
 
   #renderContent() {
-    return html`<div id="content">
-      ${this._avatarSlotHasContent
-        ? nothing
-        : html`<uui-avatar
-            class="avatar"
-            name=${this.name}
-            size="m"></uui-avatar>`}
-      <slot
-        name="avatar"
-        class="avatar"
-        @slotchange=${this._avatarSlotChanged}></slot>
-      <span title="${this.name}">${this.name}</span>
-      <slot></slot>
-    </div>`;
+    return html`
+      <div id="content">
+        ${this._avatarSlotHasContent
+          ? nothing
+          : html`<uui-avatar
+              class="avatar"
+              name=${this.name}
+              size="m"></uui-avatar>`}
+        <slot
+          name="avatar"
+          class="avatar"
+          @slotchange=${this._avatarSlotChanged}></slot>
+        <span title="${this.name}">${this.name}</span>
+        <slot></slot>
+      </div>
+    `;
   }
 
   public render() {