refreshed css

Author: NisanurBulut

Orhun/src/app/profile/profile.component.html

@@ -1,6 +1,10 @@
 <h3 *ngIf="profiles.length>0">Saved Profile</h3>
-<article #profile class="profile" *ngFor="let profile of profiles" (click)="onLoadProfile(profile)">
+<article #profile class="profile"
+*ngFor="let profile of profiles" (click)="onLoadProfile(profile)">
+<div class="profile-content">
     <h4>{{profile.bookItem.title}}</h4>
     <img src="{{profile.bookItem.imageLink}}"/>
     <span (click)="onDeleteProfile($event, profile)" class="delete">❌</span>
+</div>
+
 </article>

Orhun/src/app/profile/profile.component.scss

@@ -4,34 +4,27 @@
     padding: 0;
     font-size: 18px;
   }
-
-  button {
-    font-size: 14px;
-    font-family: inherit;
-    background-color: #3498db;
-    box-shadow: 1px 1px 1px #95a5a6;
-    border: none;
-    padding: 4px 8px;
-    cursor: pointer;
-    color: white;
-  }
-
-
+.profile-content{
+  margin:0 20px 5px 10px;
+  padding-right: 5px;
+}
   img {
+
     width: 50px;
     height: 50px;
   }
   .profile {
     position: relative;
     width: 100%;
     background-color: #8cb4ce;
-    margin:0 0 10px 0;
     cursor: pointer;
     border-radius: 5px;
 
     h4 {
-      margin: 0;
-      padding: 5px 0 5px;
+     margin-top: 5px;
+     margin-left: 5px;
+     margin-right: 5px;
+    padding-top: 5px;
       font-style: italic;
     }