Add short description in about page

client/src/app/about/about.component.html

@@ -3,6 +3,10 @@
     Welcome to the {{ instanceName }} instance
   </div>
 
+  <div class="short-description">
+    <div>{{ shortDescription }}</div>
+  </div>
+
   <div class="description">
     <div class="section-title">Description</div>
 

client/src/app/about/about.component.scss

@@ -7,6 +7,6 @@
   margin-bottom: 5px;
 }
 
-.description, .terms, .signup {
+.short-description, .description, .terms, .signup {
   margin-bottom: 30px;
 }

client/src/app/about/about.component.ts

@@ -10,6 +10,7 @@ import { NotificationsService } from 'angular2-notifications'
 })
 
 export class AboutComponent implements OnInit {
+  shortDescription = ''
   descriptionHTML = ''
   termsHTML = ''
 
@@ -35,6 +36,7 @@ export class AboutComponent implements OnInit {
     this.serverService.getAbout()
       .subscribe(
         res => {
+          this.shortDescription = res.instance.shortDescription
           this.descriptionHTML = this.markdownService.textMarkdownToHTML(res.instance.description)
           this.termsHTML = this.markdownService.textMarkdownToHTML(res.instance.terms)
         },