diff --git a/src/components/users/UserPosts.vue b/src/components/users/UserPosts.vue
index b3d85d3e..472444f3 100644
--- a/src/components/users/UserPosts.vue
+++ b/src/components/users/UserPosts.vue
@@ -250,7 +250,7 @@ export default {
}
&.closed {
width: 100%;
- max-height: 18px;
+ max-height: 2.5rem;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index ebb975c2..c72d7689 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -138,8 +138,8 @@
OP
{{post.user.title}}
+ Activity: {{post.user.activity}}
Merit: {{post.user.merit}}
- Act: {{post.user.activity}}
@@ -169,8 +169,8 @@
OP
{{post.user.title}}
+ Activity: {{post.user.activity}}
Merit: {{post.user.merit}}
- Act: {{post.user.activity}}
{{humanDate(post.created_at)}}
@@ -1707,10 +1707,6 @@ ad-viewer {
width: $postWidth__mobile;
}
}
-
- @include break-mobile-sm {
- padding-bottom: 3rem;
- }
}
.thread-title {
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index e2e35515..a53111a4 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -68,16 +68,16 @@
+ Posts
{{ user.post_count || 0 }}
- Posts
-
-
Last Seen
-
{{ humanDate(user.last_active, true) }}
+
+ Last Active
+ {{ humanDate(user.last_active, true) }}
Created
- {{ humanDate(user.created_at, true) }}
+ {{ humanDate(user.created_at, true) }}
@@ -492,7 +492,7 @@ export default {
a { color: $text-gray-med; text-decoration: underline; }
}
}
- .signature-block { display: flex; margin-bottom: 1rem; }
+ .signature-block { display: grid; margin-bottom: 1rem; }
.signature {
@include truncate-ellipsis;
font-size: $font-size-xs;
@@ -507,7 +507,11 @@ export default {
}
.profile-user-stats {
display: flex;
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
+ column-gap: 0.5rem;
+ @include break-mobile-med {
+ justify-content: center;
+ }
.stats {
border: $border;
border-radius: 6px;
@@ -516,17 +520,23 @@ export default {
flex-direction: column;
align-items: center;
justify-content: center;
- margin-right: 1rem;
padding: 0.5rem;
text-align: center;
- width: 100px;
- max-width: 120px;
- .label { font-size: $font-size-xs; }
+ width: auto;
+ white-space: nowrap;
+ @include break-mobile-med {
+ width: 100px;
+ max-width: 120px;
+ white-space: normal;
+ }
+ .label {
+ margin-bottom: 0.25rem;
+ font-size: $font-size-xs;
+ }
.stat-text {
- font-size: 2rem;
+ font-size: $font-size-lg;
font-weight: 600;
margin-bottom: 0.25rem;
- &-sm { font-size: 21px; font-weight: 600; }
}
}
}
@@ -534,13 +544,12 @@ export default {
align-items: center;
flex-direction: column;
.profile-avatar {
- margin-bottom: 3rem;
margin-right: 0;
}
.profile-user-details {
.profile-user-name-role {
flex-direction: column;
- margin-bottom: 1.5rem;
+ margin-bottom: 1rem;
h1, .username-screen, .user-role {
margin-bottom: 0.25rem;
}
@@ -550,12 +559,16 @@ export default {
.trust-profile { .trust-link { white-space: nowrap; } }
}
}
-.profile-threads-posts { grid-area: main; }
+.profile-threads-posts {
+ grid-area: main;
+ @include break-mobile-med {
+ border-top: $border;
+ }
+}
.profile-sidebar {
color: $text-gray-dark;
grid-area: sidebar;
.actions-panel {
- border-bottom: $border;
line-height: 1.5;
margin-bottom: 1rem;
padding-bottom: 1rem;