fix alignment

thebookins · Feb 2, 2020 · c65f73b · c65f73b
1 parent 348d719
commit c65f73b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/app/fb-like/fb-like.component.html b/src/app/fb-like/fb-like.component.html
@@ -1 +1 @@
-<p>fb-like works!</p>
+<div class="fb-like" [attr.data-href]="url" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>`
diff --git a/src/app/fb-like/fb-like.component.ts b/src/app/fb-like/fb-like.component.ts
@@ -1,8 +1,9 @@
 import { Component, ElementRef, AfterViewInit, Input } from '@angular/core';
 
 @Component({
-    selector: 'fb-like',
-    template: `<div class="fb-like" [attr.data-href]="url" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>`
+    selector: 'app-fb-like',
+    templateUrl: './fb-like.component.html',
+    styleUrls: ['./fb-like.component.css']
 })
 
 export class FbLikeComponent implements AfterViewInit {

diff --git a/src/app/status-bar/status-bar.component.html b/src/app/status-bar/status-bar.component.html
@@ -12,7 +12,11 @@
     </p>
   </mat-card-content>
   <mat-card-actions>
-    <app-twit-follow></app-twit-follow>
-    <fb-like></fb-like>
+    <p>
+      <app-twit-follow></app-twit-follow>
+    </p>
+    <p>
+      <fb-like></fb-like>
+    </p>
   </mat-card-actions>
 </mat-card>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<p>fb-like works!</p>
		<div class="fb-like" [attr.data-href]="url" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>`