居中样式

@@ -27,7 +27,7 @@
         <li>
             <p class="earnings-info">
                 <span class="num">{{#if cancel}}-{{else}}+{{/if}}{{coinNum}}</span>
-                <span>{{nickName}} <i {{#if cancel}}class="cancel"{{/if}}>{{statusStr}}</i></span>
+                <span class="user">{{nickName}} <i {{#if cancel}}class="cancel"{{/if}}>{{statusStr}}</i></span>
 
             </p>
             <p class="order-info">

@@ -56,15 +56,16 @@
             }
 
             i {
-                display: inline-block;
+                display: flex;
                 width: 90px;
                 height: 29px;
                 background-color: #b0b0b0;
                 color: #fff;
                 font-size: 18px;
                 border-radius: 10px;
-                line-height: 29px;
-                text-align: center;
+                margin-left: 5px;
+                align-items: center;
+                justify-content: center;
             }
 
             .cancel {
@@ -76,6 +77,11 @@
                 float: right;
                 text-align: right;
             }
+
+            .user {
+                display: flex;
+                align-items: center;
+            }
         }
 
         .order-info {