Fix styles and add message when there are no statuses

src/lang/en.js

@@ -245,7 +245,8 @@ export default {
     roles: 'Roles',
     activeUppercase: 'Active',
     active: 'active',
-    deactivated: 'deactivated'
+    deactivated: 'deactivated',
+    noStatuses: 'No statuses to show'
   },
   usersFilter: {
     inputPlaceholder: 'Select filter',

src/views/status/Status.vue

@@ -185,6 +185,7 @@ export default {
 </script>
 
 <style rel='stylesheet/scss' lang='scss'>
+.status-card {
   .account {
     text-decoration: underline;
     line-height: 26px;
@@ -234,6 +235,7 @@ export default {
   .status-without-content {
     font-style: italic;
   }
+}
 @media
 only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px) {

src/views/users/index.vue

@@ -156,9 +156,6 @@
         </p>
       </div>
     </el-dialog>
-    <div v-if="users.length === 0" class="no-users-message">
-      <p>There are no users to display</p>
-    </div>
     <div v-if="!loading" class="pagination">
       <el-pagination
         :total="usersCount"

src/views/users/show.vue

@@ -61,7 +61,7 @@
         </el-card>
       </el-col>
       <el-row type="flex" class="row-bg" justify="space-between">
-        <el-col :span="16">
+        <el-col :span="18">
           <h2 class="recent-statuses">{{ $t('userProfile.recentStatuses') }}</h2>
         </el-col>
         <el-col :span="6" class="show-private">
@@ -70,11 +70,12 @@
           </el-checkbox>
         </el-col>
       </el-row>
-      <el-col :span="18">
+      <el-col :span="16">
         <el-timeline v-if="!statusesLoading" class="statuses">
           <el-timeline-item v-for="status in statuses" :key="status.id">
             <status :status="status" :user-id="user.id" :godmode="showPrivate"/>
           </el-timeline-item>
+          <p v-if="statuses.length === 0" class="no-statuses">{{ $t('userProfile.noStatuses') }}</p>
         </el-timeline>
       </el-col>
     </el-row>
@@ -147,6 +148,11 @@ table {
     width: 100%;
   }
 }
+.no-statuses {
+  margin-left: 28px;
+  color: #606266;
+
+}
 .recent-statuses-header {
   margin-top: 10px;
 }
@@ -159,7 +165,7 @@ table {
   padding-right: 20px;
 }
 .recent-statuses {
-  margin-left: 40px;
+  margin-left: 28px;
 }
 .user-profile-card {
   margin-left: 15px;