src/App.scss

@@ -148,15 +148,9 @@ code {
   background: var(--bg);
   border: 1px solid var(--fg);
   border-radius: var(--roundness);
+  margin: 0.2em;
   padding: 0 0.2em;
 
-  & pre,
-  pre & {
-    display: block;
-    overflow-x: auto;
-    padding: 0.2em;
-  }
-
   &.pre {
     white-space: pre;
     display: block;

src/components/basic_user_card/basic_user_card.vue

@@ -54,8 +54,7 @@
 <style lang="scss">
 .basic-user-card {
   display: flex;
-  flex: 1 1 10em;
-  min-width: 1em;
+  flex: 1 0;
   margin: 0;
   line-height: 1.25;
 

src/components/mobile_nav/mobile_nav.js

@@ -152,6 +152,9 @@ const MobileNav = {
     },
     onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {
       this.notificationsAtTop = scrollTop > 0
+      if (scrollTop + clientHeight >= scrollHeight) {
+        this.$refs.notifications.fetchOlderNotifications()
+      }
     },
   },
   watch: {

src/components/mobile_nav/mobile_nav.vue

@@ -94,7 +94,6 @@
           />
         </button>
       </div>
-      <!-- Notifications teleport target -->
       <div
         id="mobile-notifications"
         ref="mobileNotifications"

src/components/settings_modal/admin_tabs/admin_user_card.scss

@@ -1,19 +1,4 @@
 .AdminUserCard {
-  details {
-    white-space: normal;
-
-    summary {
-      font-weight: bold;
-    }
-
-    span {
-      display: block;
-      max-height: 6.5em;
-      overflow-y: auto;
-      resize: vertical;
-    }
-  }
-
   .right-side {
     align-items: baseline;
     justify-content: end;

src/modules/statuses.js

@@ -883,7 +883,7 @@ const statuses = {
           'addNewUsers',
           data.statuses.map((s) => s.user).filter((u) => u),
         )
-        data.statuses = store.dispatch('addNewStatuses', {
+        data.statuses = store.commit('addNewStatuses', {
           statuses: data.statuses,
         })
         return data