project tile changes

src/app/app.component.ts

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

src/app/contact-sidebar/contact-sidebar.component.html

@@ -49,7 +49,7 @@
           <div class="contact-info">
             <p class="contact-title">Phone</p>
 
-            <a href="tel:+12133522795" class="contact-link">{{model.candidate?.phone}}</a>
+            <a href="tel:{{model.candidate?.phone}}" class="contact-link">{{model.candidate?.phone}}</a>
           </div>
 
         </li>

src/app/projects/projects.component.html

@@ -57,9 +57,9 @@
             </figure>
 
             <h3 class="project-title">{{project.name}}</h3>
-
-            <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>
-
+            <div class="project-category">
+              <span  *ngFor="let responsbility of project.responsibilities; index as i" class="inline">{{i > 0 ? ', ' + responsbility : responsbility}}</span>
+            </div>
           </a>
         </li>
 

src/styles.scss

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