Message: add content right padding when closable

packages/message/src/main.vue

@@ -5,6 +5,7 @@
         'el-message',
         type && !iconClass ? `el-message--${ type }` : '',
         center ? 'is-center' : '',
+        showClose ? 'is-closable' : '',
         customClass]"
       v-show="visible"
       @mouseenter="clearTimer"

packages/theme-chalk/src/message.scss

@@ -23,6 +23,12 @@
     justify-content: center;
   }
 
+  @include when(closable) {
+    .el-message__content {
+      padding-right: 16px;
+    }
+  }
+
   p {
     margin: 0;
   }