fix(module:card): fix avatar and detail alignment (NG-ZORRO#1255)

hsuanxyz · Apr 4, 2018 · 6453aa8 · 6453aa8
1 parent d99d489
commit 6453aa8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/card/nz-card-meta.component.ts b/components/card/nz-card-meta.component.ts
@@ -9,10 +9,10 @@ import {
   selector           : '[nz-card-meta]',
   preserveWhitespaces: false,
   template           : `
-    <div class="ant-card-meta-detail">
-      <div class="ant-card-meta-avatar" *ngIf="nzAvatar">
-        <ng-template [ngTemplateOutlet]="nzAvatar"></ng-template>
-      </div>
+    <div class="ant-card-meta-avatar" *ngIf="nzAvatar">
+      <ng-template [ngTemplateOutlet]="nzAvatar"></ng-template>
+    </div>
+    <div class="ant-card-meta-detail" *ngIf="nzTitle || nzDescription">
       <div class="ant-card-meta-title" *ngIf="nzTitle">
         <ng-container *ngIf="isTitleString; else titleTemplate">{{ nzTitle }}</ng-container>
         <ng-template #titleTemplate>