add number to questions in questionwall

src/app/components/shared/questionwall/question-wall/question-wall.component.html

@@ -120,6 +120,7 @@
               <i class="questionwall-icon questionwall-present-meta-icon">person_pin_circle</i>
               <h2 class="questionwall-present-meta-user">{{commentFocus.comment.userNumber}}</h2>
               <h2 class="questionwall-present-meta-timestamp">{{commentFocus.timeAgo}}</h2>
+              <h2 class="questionwall-present-meta-number">#{{commentFocus.comment.number}}</h2>
             </ars-row>
             <ars-row>
               <ars-row class="bound" style="padding:16px 32px 16px 32px;box-sizing:border-box;max-width:100%;">
@@ -226,6 +227,9 @@
                   <ars-col>
                     <p class="questionwall-comment-notification">{{comment.old ? '' : 'NEW'}}</p>
                   </ars-col>
+                  <ars-col>
+                    <p class="questionwall-comment-number">#{{comment.comment.number}}</p>
+                  </ars-col>
                 </ars-row>
                 <ars-row
                   (click)="focusComment(comment)"

src/app/components/shared/questionwall/question-wall/question-wall.component.scss

@@ -118,6 +118,15 @@
         font-weight: 600;
         color: #cc4244;
       }
+
+      &-number {
+        font-size: 14px;
+        text-transform: uppercase;
+        letter-spacing: 2px;
+        line-height: 18px;
+        font-weight: 600;
+        color: #FFFFFF;
+      }
     }
 
     &-list {
@@ -219,6 +228,14 @@
           font-weight: 400;
           color: var(--ars-paragraph-color);
         }
+
+        &-number {
+          font-family: Roboto, 'sans-serif';
+          font-size: 18px;
+          padding-left:16px;
+          font-weight:bold;
+          color: var(--ars-paragraph-color);
+        }
       }
 
       &-introduction {