Fix title and extra content position of narrow card

close ant-design#7604
oscarnevarezleal · Sep 15, 2017 · 5ac4681 · 5ac4681
1 parent b36df9d
commit 5ac4681
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -30,6 +30,7 @@
     border-radius: @border-radius-sm @border-radius-sm 0 0;
     .clearfix;
     margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
+    display: flex;
 
     &-title {
       font-size: @font-size-lg;
@@ -40,11 +41,13 @@
       color: @card-head-color;
       font-weight: 500;
       display: inline-block;
+      flex: 1;
     }
   }
 
   &-extra {
     float: right;
+    text-align: right;
   }
 
   &-body {