Merge branch 'develop' of rajukottedi/portfolio.web into prod

src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { LoaderService } from './services/loader.service';
 
 @Component({
   selector: 'app-root',

src/app/projects/projects.component.html

@@ -57,9 +57,9 @@
             </figure>
 
             <h3 class="project-title">{{project.name}}</h3>
-            <div class="project-category">
-              <span  *ngFor="let responsbility of project.responsibilities; index as i" class="inline">{{i > 0 ? ', ' + responsbility : responsbility}}</span>
-            </div>
+
+            <span class="project-category" *ngFor="let category of project.categories; index as i" [ngClass]="i > 0 ? 'inline no-margin' : 'inline'">{{i > 0 ? ', ' + category : category}}</span>
+
           </a>
         </li>
 

src/styles.scss

@@ -504,7 +504,7 @@
     line-height: 1.6;
   }
   
-  .about-text pre { margin-bottom: 15px; }
+  .about-text p { margin-bottom: 15px; }
   
   
   
@@ -1394,7 +1394,7 @@
   
     .about .article-title { margin-bottom: 20px; }
   
-    .about-text { margin-bottom: 35px; }
+    .about-text { margin-bottom: 40px; }
   
     /* service */