From 0209b771e60bc62c97ac5dde9945d191648b7b3b Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Fri, 22 Nov 2024 12:05:36 -0800
Subject: [PATCH 01/11] style(header-component): Adding more margin bottom to
 the header component on mobile to account for breadcrumbs

---
 src/components/layout/HeaderComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/HeaderComponent.vue b/src/components/layout/HeaderComponent.vue
index 9addc881..9d5a215e 100644
--- a/src/components/layout/HeaderComponent.vue
+++ b/src/components/layout/HeaderComponent.vue
@@ -1103,6 +1103,6 @@ header {
 }
 
 @include break-mobile-sm {
-  #header-spacer { margin-bottom: 1.5rem; }
+  #header-spacer { margin-bottom: 3.5rem; }
 }
 </style>

From 1df11e0ee10be984614b363c24d4c9c82f9ecfb7 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:27:55 -0800
Subject: [PATCH 02/11] style(threads): Moved thread pagination to bottom of
 each thread on mobile; Increased bottom padding on each table cell for
 readability on mobile

---
 src/views/Threads.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/Threads.vue b/src/views/Threads.vue
index 50866e8a..fcfe6510 100644
--- a/src/views/Threads.vue
+++ b/src/views/Threads.vue
@@ -32,7 +32,7 @@
           </td>
           <td class="views">
               <span class="views-number">{{childBoard.total_post_count}}</span>
-              <span class="label"> posts,</span>
+              <span class="label"> posts, </span>
               <span class="views-number">{{childBoard.total_thread_count}}</span>
               <span class="label"> threads</span>
           </td>
@@ -194,7 +194,7 @@
               <span> on {{ humanDate(thread.created_at)}}</span>
             </div>
 
-            <div v-if="thread.post_count > posts_per_page" class="thread-pagination">
+            <div v-if="thread.post_count > posts_per_page" class="hide-mobile thread-pagination">
               <thread-pagination :slug="thread.slug" :limit="posts_per_page" :count="thread.post_count" />
             </div>
           </td>
@@ -210,6 +210,11 @@
             <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }"><span v-html="thread.last_post_username"></span></router-link> posted on <router-link :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.last_post_position }, hash: '#' + thread.last_post_id }"><span>{{humanDate(thread.last_post_created_at)}}</span>.</router-link>
             <router-link v-if="thread.has_new_post" :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.latest_unread_position }, hash: '#' + thread.latest_unread_post_id }">(Last unread post)</router-link>
           </td>
+          <td class="show-mobile">
+            <div v-if="thread.post_count > posts_per_page" class="thread-pagination">
+              <thread-pagination :slug="thread.slug" :limit="posts_per_page" :count="thread.post_count" />
+            </div>
+          </td>
         </tr>
       </tbody>
     </table>
@@ -766,7 +771,7 @@ export default {
     margin-bottom: 2rem;
 
     td {
-      padding-bottom: 0;
+      padding-bottom: 0.1rem;
     }
 
     td:last-child {
@@ -981,7 +986,7 @@ export default {
           border-bottom: 0;
           line-height: 20px;
           margin-bottom: 0;
-          padding-bottom: 0;;
+          padding-bottom: 0.1rem;
         }
       }
     }

From 01c53fab55b13b2ec2fc60f87274b8f8205ea380 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:30:13 -0800
Subject: [PATCH 03/11] style(boards-avatar-small): Removed left margin and
 increased right margin from small avatar to better line up with rest of board
 data on mobile

---
 src/views/Boards.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Boards.vue b/src/views/Boards.vue
index 80b51e17..31b4aaa2 100644
--- a/src/views/Boards.vue
+++ b/src/views/Boards.vue
@@ -54,7 +54,7 @@
                 <div class="view-count">
                   <p class="view-count-posts">
                     <span class="view-count-number">{{board.total_post_count}}</span>
-                     <span class="label"> posts,</span>
+                     <span class="label"> posts, </span>
                   </p>
                   <p class="view-count-threads">
                     <span class="view-count-number">{{board.total_thread_count}}</span>
@@ -170,7 +170,7 @@ img.avatar-small {
   border-radius: 100px;
   border: 1px solid #444;
   opacity: 1;
-  margin: 0 0.1rem;
+  margin: 0 0.2rem 0 0;
   height: 1rem;
   width: 1rem;
   object-fit: cover;

From 0ffb5ff0d823abb38496ebb6661863142a32f03a Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:34:08 -0800
Subject: [PATCH 04/11] fix(pagination): Fixed pagination display bug when
 current page doesnt show in some cases on mobile; Fixed bug where ellipsis
 would duplicate when switching between some pages.

---
 src/components/layout/Pagination.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/Pagination.vue b/src/components/layout/Pagination.vue
index 0df09334..87c93b1c 100644
--- a/src/components/layout/Pagination.vue
+++ b/src/components/layout/Pagination.vue
@@ -10,7 +10,7 @@
          </div>
         </div>
       </li>
-      <span v-for="pageKey in paginationKeys" :key="pageKey.val">
+      <span v-for="pageKey in paginationKeys" :key="pageKey.key">
         <li :class="pageKey.class">
           <a href="#" @click.stop.prevent="changePage(pageKey.page)" v-html="pageKey.val"></a>
         </li>
@@ -69,7 +69,7 @@ export default {
 
       // Case 2: Truncate Tail
       // 1 2 3 4 5 [6] 7 8 ... 14 15 16
-      if (truncate && v.currentPage <= 6)
+      if (truncate && (v.mobile ? v.currentPage <= 3 : v.currentPage <= 6))
         if (v.mobile) 
           ellipsis = [{ index: 4, nextIndex: v.pageCount - 2 }]
         else
@@ -77,7 +77,7 @@ export default {
 
       // Case 3: Truncate Head
       // 1 2 3 ... 9 10 [11] 12 13 14 15 16
-      else if (truncate && v.currentPage >= v.pageCount - 5)
+      else if (truncate && (v.mobile ? v.currentPage >= v.pageCount - 2 : v.currentPage >= v.pageCount - 5))
         if (v.mobile) 
           ellipsis = [{ index: 4, nextIndex: v.pageCount - 2 }]
         else
@@ -85,7 +85,7 @@ export default {
 
       // Case 4: Truncate Head and Tail
       // 1 2 3 ... 7 8 [9] 10 11 ... 14 15 16
-      else if (truncate && v.currentPage > 6 && v.currentPage < v.pageCount - 5) 
+      else if (truncate && (v.mobile ? v.currentPage > 3 : v.currentPage > 6) && (v.mobile ? v.currentPage < v.pageCount - 2 : v.currentPage < v.pageCount - 5)) 
         if (v.mobile) 
           ellipsis = [
             { index: 2, nextIndex: v.currentPage - 1 },
@@ -102,7 +102,7 @@ export default {
 
     const generatePageKeys = (ellipsis) => {
       // Add Previous Button
-      let prevBtnKey = { val: '&#10094;' }
+      let prevBtnKey = { key: 'prev', val: '&#10094;' }
       if (v.currentPage > 1) {
         prevBtnKey.class = 'arrow'
         prevBtnKey.page = v.currentPage - 1
@@ -122,6 +122,7 @@ export default {
         // Insert ellipsis if index matches
         if (ellipsis && ellipsis[ellipsisIndex] && ellipsis[ellipsisIndex].index === index) {
           pageKey = {
+            key: index,
             val: '&hellip;',
             page: null,
             class: 'unavailable'
@@ -132,6 +133,7 @@ export default {
         // Otherwise generate page key
         else {
           pageKey = {
+            key: index,
             val: index,
             page: index,
             class: index === v.currentPage ? 'current' : null
@@ -142,7 +144,7 @@ export default {
       }
 
       // Add Next Button
-      let nextBtnKey = { val: '&#10095;' }
+      let nextBtnKey = { key: 'next', val: '&#10095;' }
       if (v.currentPage < v.pageCount) {
         nextBtnKey.class = 'arrow'
         nextBtnKey.page = v.currentPage + 1

From a2df2a37841479a23124dcbfee3e331b85a81ae9 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:35:29 -0800
Subject: [PATCH 05/11] style(post-user-data): Updated layout of post user data
 on mobile to remove whitespace between user data and post body.

---
 src/views/Posts.vue | 112 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 108 insertions(+), 4 deletions(-)

diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index d93c2fda..ebb975c2 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -135,7 +135,7 @@
                 <img :src="post.avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" />
               </router-link>
             </div>
-            <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
+            <router-link class="hide-mobile" :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
               <div class="original-poster" v-if="post.user.original_poster">OP</div>
               <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
               <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
@@ -147,18 +147,46 @@
             <trust-display :user="post.user" />
           </div>
 
-          <div class="user-rank">
-            <rank-display v-if="postData?.data?.metadata" :user="{ ...post.user, metadata: {...postData.data.metadata } }" />
+          <div v-if="postData?.data?.metadata" class="user-rank">
+            <rank-display :user="{ ...post.user, metadata: {...postData.data.metadata } }" />
           </div>
           <div v-if="loggedIn && post.user.id !== authedUser.id" class="ignore-directive">
             <a href="" @click.prevent="toggleIgnoredPosts(post)" v-html="post.user._ignored ? 'Unignore Posts' : 'Ignore Posts'"></a>
           </div>
+
+          <div class="show-mobile">
+            <div class="post-title-mobile">
+              <div class="post-title-user">
+                <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
+                  <span v-html="post.user.username"></span>
+                </router-link></span>
+                <div :title="post.user.name" v-if="post.user.name" class="display-name">
+                  <span>{{truncate(post.user.name, 33)}}</span>
+                  <span class="hide-mobile">&nbsp;&mdash;&nbsp;</span>
+                </div>
+                <div :title="post.user.role_name || 'user'" class="user-role" :style="userRoleHighlight(post.user.highlight_color)">{{post.user.role_name || 'user'}}</div>
+              </div>
+              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }" class="user-activity-mobile">
+                <div class="original-poster" v-if="post.user.original_poster">OP</div>
+                <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
+                <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
+                <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Act: <span class="user-activity-value">{{post.user.activity}}</span></div>
+              </router-link>
+              <div class="timestamp">
+                <span>{{humanDate(post.created_at)}}</span>
+                <span v-if="showEditDate(post) && post.metadata?.edited_by_username">{{'&nbsp;&mdash;&nbsp;Edited ' + humanDate(post.updated_at) + ' by '}}</span><a v-if="showEditDate(post) && post.metadata?.edited_by_username" href="#">{{post.metadata.edited_by_username}}</a>
+                <span v-if="showEditDate(post) && !post.metadata?.edited_by_username">{{'&nbsp;&mdash;&nbsp;Edited ' + humanDate(post.updated_at)}}</span>
+                <span v-if="post.metadata?.locked_by_username">{{'&nbsp;&mdash;&nbsp;Locked ' + humanDate(post.metadata.locked_at) + ' by '}}</span>
+                <a v-if="post.metadata?.locked_by_username" href="#">{{post.metadata.locked_by_username}}</a>
+              </div>
+            </div>
+          </div>
         </div>
 
         <!-- Post Body Section -->
         <div :id="(i + 1) === postData.data.posts.length ? 'last' : ''" class="post-content">
           <!-- Post Title -->
-          <div class="post-title">
+          <div class="hide-mobile post-title">
             <div class="post-title-user">
               <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
                 <span v-html="post.user.username"></span>
@@ -1113,6 +1141,9 @@ export default {
 
 $postWidth__mobile: calc(100vw - 2rem);
 .post-body {
+  @include break-mobile-sm {
+    padding-top: 0.5rem;
+  }
   white-space: pre-wrap;
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -1362,6 +1393,10 @@ ad-viewer {
   .post-user {
     // width: $postUserWidth;
     flex: 0 0 $postUserWidth;
+    @include break-mobile-sm {
+      display: flex;
+      flex: 0 0 calc(#{$postUserWidth}/1.25);
+    }
     margin-right: $postUserMargin;
     font-size: $font-size-tiny;
     text-align: center;
@@ -1375,6 +1410,10 @@ ad-viewer {
       background: no-repeat center center;
       position: relative;
       margin-bottom: 1rem;
+      @include break-mobile-sm {
+        margin-bottom: 0;
+        margin-right: 0.5rem;
+      }
       width: $postUserWidth;
       height: $postUserWidth;
 
@@ -1427,6 +1466,11 @@ ad-viewer {
       text-align: center;
       text-transform: uppercase;
       width: 100%;
+      @include break-mobile-sm {
+        text-align: left;
+        margin-bottom: 0;
+        width: auto;
+      }
 
       &-value {
         font-weight: 600;
@@ -1445,6 +1489,66 @@ ad-viewer {
         }
       }
     }
+
+    .post-title-mobile {
+      color: $secondary-font-color;
+      display: flex;
+      flex-direction: column;
+      align-items: left;
+      margin-bottom: 0.25rem;
+      width: 100%;
+      text-transform: none;
+
+      .post-title-user {
+        display: flex;
+        align-items: center;
+        flex: 2 1 auto;
+        flex-wrap: wrap;
+        gap: 0.25rem;
+        padding-bottom: 0.1rem;
+      }
+
+      span.username {
+        margin-right: 0.25rem;
+        color: $base-font-color;
+        font-size: $font-size-sm;
+        font-weight: 600;
+        &:hover {
+          color: $color-primary;
+        }
+      }
+
+      .user-role {
+        @include truncate-ellipsis;
+        background-color: transparent;
+        border: 1px solid $secondary-font-color;
+        border-radius: 2px;
+        color: $secondary-font-color-dark;
+        display: inline-block;
+        font-size: $font-size-xs;
+        font-weight: 400;
+        line-height: 1.1;
+        margin-right: 0.5rem;
+        max-width: 140px;
+        padding: 0px 6px;
+        text-align: center;
+      }
+
+      .user-activity-mobile {
+        display: flex;
+        gap: 0.5rem;
+      }
+
+      .timestamp, .display-name {
+        display: flex;
+        color: $secondary-font-color;
+        font-size: $font-size-xs;
+        font-weight: 400;
+      }
+      .display-name {
+        color: $secondary-font-color-dark;
+      }
+    }
   }
 
   .post-content {

From fade6201e77b6c92d3f2c669ff08f929791ccf3f Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Mon, 2 Dec 2024 14:01:43 -0800
Subject: [PATCH 06/11] style(user-posts): added more height to user posts in
 profile view to avoid words being clipped

---
 src/components/users/UserPosts.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/users/UserPosts.vue b/src/components/users/UserPosts.vue
index b3d85d3e..a1063d1b 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.25rem;
       white-space: pre-wrap;
       overflow: hidden;
       text-overflow: ellipsis;

From 2b1ae5cb73cd15272b058749933ce6ef3291db73 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Mon, 2 Dec 2024 14:02:12 -0800
Subject: [PATCH 07/11] style(posts): Changed from 'Act' to 'Activity'; moved
 activity above merit to be consistent with old forum and profile page;
 removed padding on mobile view to remove some whitespace

---
 src/views/Posts.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

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 @@
             <router-link class="hide-mobile" :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
               <div class="original-poster" v-if="post.user.original_poster">OP</div>
               <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
+              <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Activity: <span class="user-activity-value">{{post.user.activity}}</span></div>
               <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
-              <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Act: <span class="user-activity-value">{{post.user.activity}}</span></div>
             </router-link>
           </router-link>
 
@@ -169,8 +169,8 @@
               <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }" class="user-activity-mobile">
                 <div class="original-poster" v-if="post.user.original_poster">OP</div>
                 <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
+                <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Activity: <span class="user-activity-value">{{post.user.activity}}</span></div>
                 <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
-                <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Act: <span class="user-activity-value">{{post.user.activity}}</span></div>
               </router-link>
               <div class="timestamp">
                 <span>{{humanDate(post.created_at)}}</span>
@@ -1707,10 +1707,6 @@ ad-viewer {
       width: $postWidth__mobile;
     }
   }
-
-  @include break-mobile-sm {
-    padding-bottom: 3rem;
-  }
 }
 
 .thread-title {

From c7a3cf1517ae5082e929f0eab81b4db55e9f5546 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Mon, 2 Dec 2024 14:02:25 -0800
Subject: [PATCH 08/11] style(profile): Reversed posts label and data to match
 other user-stats; removed whitespace around profile view; changed signature
 display to grid; Adjusted spacing for user-stats

---
 src/views/Profile.vue | 47 +++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 17 deletions(-)

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 @@
 
         <div class="profile-user-stats">
           <div class="stats">
+            <span class="label">Posts </span>
             <span class="stat-text">{{ user.post_count || 0 }}</span>
-            <span class="label">Posts</span>
           </div>
-          <div class="stats">
-            <span class="label">Last Seen </span>
-            <span class="stat-text-sm">{{ humanDate(user.last_active, true) }}</span>
+          <div v-if="user.last_active" class="stats">
+            <span class="label">Last Active </span>
+            <span class="stat-text">{{ humanDate(user.last_active, true) }}</span>
           </div>
           <div class="stats">
             <span class="label">Created </span>
-            <span class="stat-text-sm">{{ humanDate(user.created_at, true) }}</span>
+            <span class="stat-text">{{ humanDate(user.created_at, true) }}</span>
           </div>
         </div>
       </div>
@@ -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;

From 4990d1297fd28eeaa1700abee82926d8207e101d Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Tue, 3 Dec 2024 11:48:55 -0800
Subject: [PATCH 09/11] style(user-posts): Increasing height of user posts
 preview

---
 src/components/users/UserPosts.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/users/UserPosts.vue b/src/components/users/UserPosts.vue
index a1063d1b..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: 2.25rem;
+      max-height: 2.5rem;
       white-space: pre-wrap;
       overflow: hidden;
       text-overflow: ellipsis;

From a2d720d1c1b718c326367ef5b1fbfcf66c444446 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Tue, 3 Dec 2024 11:55:06 -0800
Subject: [PATCH 10/11] style(profile-margin): Adding bottom margin to be able
 to scroll to bottom of user posts

---
 src/views/Profile.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index a53111a4..c4d50e11 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -563,6 +563,7 @@ export default {
   grid-area: main;
   @include break-mobile-med {
     border-top: $border;
+    margin-bottom: 3rem;
   }
 }
 .profile-sidebar {

From ee3cf6ee482b5136daca3add340d550f3f7f71fc Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Tue, 3 Dec 2024 11:59:12 -0800
Subject: [PATCH 11/11] style(profile-margin): Removing margin bottom from
 previous commit

---
 src/views/Profile.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index c4d50e11..a53111a4 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -563,7 +563,6 @@ export default {
   grid-area: main;
   @include break-mobile-med {
     border-top: $border;
-    margin-bottom: 3rem;
   }
 }
 .profile-sidebar {