From 9ecdddad168bceaac58c39782a558d8df27d7ccc Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 2 May 2020 20:56:00 +0300
Subject: [PATCH] Fix styles

---
 src/views/statuses/show.vue | 24 +++++++++++++++++++++---
 src/views/users/show.vue    | 14 ++++++++++++--
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/views/statuses/show.vue b/src/views/statuses/show.vue
index 23962eae..d0483d60 100644
--- a/src/views/statuses/show.vue
+++ b/src/views/statuses/show.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!loading">
+  <div v-if="!loading" class="status-show-container">
     <header v-if="isDesktop || isTablet" class="user-page-header">
       <div class="avatar-name-container">
         <el-avatar v-if="accountExists(user, 'avatar')" :src="user.avatar" size="large" />
@@ -103,7 +103,7 @@ export default {
 }
 </script>
 
-<style rel='stylesheet/scss' lang='scss' scoped>
+<style rel='stylesheet/scss' lang='scss'>
 .avatar-name-container {
   display: flex;
   align-items: center;
@@ -143,10 +143,21 @@ export default {
     margin: 0 0 0 10px;
   }
 }
+
+@media only screen and (min-width: 1824px) {
+  .status-show-container {
+    max-width: 1824px;
+    margin: auto;
+  }
+}
+
 @media only screen and (max-width:480px) {
   .avatar-name-container {
     margin-bottom: 10px;
   }
+  .el-timeline-item__wrapper {
+    padding-left: 18px;
+  }
   .left-header-container {
     align-items: center;
     display: flex;
@@ -157,11 +168,18 @@ export default {
   }
   .recent-statuses-container {
     width: 100%;
-    margin: 0 10px;
+    margin: 0;
   }
   .show-private-statuses {
     margin: 0 10px 20px 10px;
   }
+  .status-container {
+    margin: 0 10px;
+  }
+  .statuses {
+    padding-right: 10px;
+    margin-left: 8px;
+  }
   .user-page-header {
     padding: 0;
     margin: 7px 15px 15px 10px;
diff --git a/src/views/users/show.vue b/src/views/users/show.vue
index a4ae844a..b97e1f12 100644
--- a/src/views/users/show.vue
+++ b/src/views/users/show.vue
@@ -187,7 +187,7 @@ export default {
 }
 </script>
 
-<style rel='stylesheet/scss' lang='scss' scoped>
+<style rel='stylesheet/scss' lang='scss'>
 header {
   align-items: center;
   display: flex;
@@ -291,16 +291,26 @@ table {
   .avatar-name-container {
     margin-bottom: 10px;
   }
+  .el-timeline-item__wrapper {
+    padding-left: 18px;
+  }
   .recent-statuses {
     margin: 20px 10px 15px 10px;
   }
   .recent-statuses-container {
     width: 100%;
-    margin: 0 10px;
+    margin: 0;
   }
   .show-private-statuses {
     margin: 0 10px 20px 10px;
   }
+  .status-container {
+    margin: 0 10px;
+  }
+  .statuses {
+    padding-right: 10px;
+    margin-left: 8px;
+  }
   .user-page-header {
     padding: 0;
     margin: 7px 15px 15px 10px;