Fix conversation list timestamps to update; fix some CSS

Author: joshsmith

app/styles/shared/conversation.scss

@@ -46,6 +46,8 @@
     text-align: center;
 
     p {
+      display: flex;
+      justify-content: center;
       margin: 0.5em 0;
     }
   }
@@ -63,6 +65,11 @@
     &__categories {
       display: flex;
       justify-content: center;
+
+      li {
+        display: inline-block;
+        margin: 0 5px 5px 5px;
+      }
     }
   }
 

app/templates/components/conversations/conversation-list-item-with-project.hbs

@@ -9,7 +9,7 @@
       </strong>
     </p>
     <p data-test-updated-at class="conversation-list-item__timestamp">
-      {{moment-from-now conversation.updatedAt}}
+      {{moment-from-now conversation.updatedAt interval=60000}}
     </p>
   </div>
 {{/link-to}}

app/templates/components/conversations/conversation-list-item-with-user.hbs

@@ -16,7 +16,7 @@
       {{conversation.user.username}}
     </p>
     <p data-test-updated-at class="conversation-list-item__timestamp">
-      {{moment-from-now conversation.updatedAt}}
+      {{moment-from-now conversation.updatedAt interval=60000}}
     </p>
     {{#if (eq conversation.status 'open')}}
       {{!-- bubbles=false to prevent bubbling to wrapping link-to element --}}

app/templates/components/project-users.hbs

@@ -1,4 +1,4 @@
-<h4>Contributors<span>{{count}}</span></h4>
+<h4>People <span>{{count}}</span></h4>
 <ul>
 {{#each (slice 0 15 users) as |user|}}
   <li>

app/templates/team.hbs

@@ -26,7 +26,7 @@
   </div>
   <div class="team-section contributors">
     <div class="team-section-header">
-      <h2>Our Contributors</h2>
+      <h2>Our Volunteers</h2>
       <h3>People who are giving their time and talent to help us build the future. Thanks to all of you!</h3>
     </div>
     <ul>

tests/acceptance/team-test.js

@@ -11,7 +11,7 @@ test('visiting /team', function(assert) {
     assert.equal(currentURL(), '/team');
     assert.equal(teamPage.company.header, 'Our Team');
     assert.equal(teamPage.company.items().count, 3);
-    assert.equal(teamPage.contributors.header, 'Our Contributors');
+    assert.equal(teamPage.contributors.header, 'Our Volunteers');
     assert.equal(teamPage.contributors.items().count, 29);
   });
 });