From 462cde3a5160e4aa1ec057443460bed4d30d7a72 Mon Sep 17 00:00:00 2001
From: Jaggu-123 <khushboojagnani254@gmail.com>
Date: Sat, 2 Mar 2019 01:25:43 +0530
Subject: [PATCH] abstract view of description

---
 .../profile/user/details/details.component.html  |  5 +++++
 .../profile/user/details/details.component.scss  | 16 ++++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/app/profile/user/details/details.component.html b/src/app/profile/user/details/details.component.html
index d5a0d93..ee8e251 100644
--- a/src/app/profile/user/details/details.component.html
+++ b/src/app/profile/user/details/details.component.html
@@ -146,6 +146,11 @@ <h2>PROJECTS</h2>
                     {{ project.project_name }} | {{ project.current_stage }}
                   </div>
                   <div class="project_card--body">{{ project.description }}</div>
+                  <div>
+                    <a class="see-here" [routerLink]="['/view/project', project.id + '-' + project.project_name]"
+                      >See More ....</a
+                    >
+                  </div>
                   <a class="expand" [routerLink]="['/view/project', project.id + '-' + project.project_name]"
                     ><mat-icon>open_in_new</mat-icon></a
                   >
diff --git a/src/app/profile/user/details/details.component.scss b/src/app/profile/user/details/details.component.scss
index 32bb7d8..01d270c 100644
--- a/src/app/profile/user/details/details.component.scss
+++ b/src/app/profile/user/details/details.component.scss
@@ -42,10 +42,10 @@
   justify-content: center;
 
   @media (max-width: 37.5em) {
-    height:35vh;
+    height: 35vh;
     background-image: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%);
     background-repeat: no-repeat;
-    background-size: 100% 65%; 
+    background-size: 100% 65%;
   }
 
   .container {
@@ -99,7 +99,6 @@
     @media (max-width: 37.5em) {
       margin-bottom: 0;
     }
-
   }
 
   &__username {
@@ -109,18 +108,16 @@
     @media (max-width: 37.5em) {
       padding-top: 2rem;
     }
-
   }
 
   &__name {
     font-size: 3rem;
     font-weight: 700;
-    padding-top: .5rem;
+    padding-top: 0.5rem;
 
     @media (max-width: 37.5em) {
       padding-top: 1rem;
     }
-
   }
 }
 
@@ -237,10 +234,17 @@
     &--body {
       font-weight: 400;
       word-break: break-word;
+      height: 100px;
+      overflow: hidden;
     }
   }
 }
 
+.see-here {
+  float: right;
+  text-decoration: none;
+}
+
 .expand {
   position: absolute;
   top: 1.8rem;