fix(Tenant): move tablets under tenant name

Author: ariser

src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js

@@ -139,17 +139,17 @@ class TenantOverview extends React.Component {
                             this.props.tenant.Name,
                             this.props.tenant.Type,
                         )}
-                    <div className={b('system-tablets')}>
-                        {SystemTablets &&
-                            SystemTablets.map((tablet, tabletIndex) => (
-                                <Tablet
-                                    onMouseEnter={showTooltip}
-                                    onMouseLeave={hideTooltip}
-                                    key={tabletIndex}
-                                    tablet={tablet}
-                                />
-                            ))}
-                    </div>
+                </div>
+                <div className={b('system-tablets')}>
+                    {SystemTablets &&
+                        SystemTablets.map((tablet, tabletIndex) => (
+                            <Tablet
+                                onMouseEnter={showTooltip}
+                                onMouseLeave={hideTooltip}
+                                key={tabletIndex}
+                                tablet={tablet}
+                            />
+                        ))}
                 </div>
                 <div className={b('common-info')}>
                     {PoolStats ? (

src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss

@@ -17,7 +17,7 @@
         display: flex;
         align-items: center;
 
-        margin-bottom: 20px;
+        margin-bottom: 10px;
     }
 
     &__top-label {
@@ -42,7 +42,7 @@
         flex-wrap: wrap;
         align-items: center;
 
-        margin-left: 15px;
+        margin-bottom: 20px;
     }
 
     &__collapse-title {