Fixed pending damage display and nav size (#9723)

website/client/components/groups/group.vue

@@ -388,10 +388,6 @@ export default {
   },
   computed: {
     ...mapState({user: 'user.data'}),
-    userIsOnQuest () {
-      if (!this.group.quest || !this.group.quest.members) return false;
-      return Boolean(this.group.quest.members[this.user._id]);
-    },
     communityGuidelinesAccepted () {
       return this.user.flags.communityGuidelinesAccepted;
     },

website/client/components/groups/questSidebarSection.vue

@@ -208,6 +208,10 @@ export default {
   },
   computed: {
     ...mapState({user: 'user.data'}),
+    userIsOnQuest () {
+      if (!this.group.quest || !this.group.quest.members) return false;
+      return Boolean(this.group.quest.members[this.user._id]);
+    },
     onPendingQuest () {
       return Boolean(this.group.quest.key) && !this.group.quest.active;
     },

website/client/components/header/menu.vue

@@ -75,17 +75,17 @@ div
   @import '~client/assets/scss/colors.scss';
   @import '~client/assets/scss/utils.scss';
 
-  @media only screen and (max-width: 1280px) {
+  @media only screen and (max-width: 1305px) {
     .nav-link {
       padding: .8em 1em !important;
     }
+
+    .navbar-header {
+      margin-right: 5px !important;
+    }
   }
 
   @media only screen and (max-width: 1200px) {
-    .navbar-header {
-      margin-right: 24px !important;
-    }
-
     .gryphon {
       background-image: url('~assets/images/melior@3x.png');
       width: 30px;