socialnetworknews-web

commit 402ac37e0b634b40e12c5483fedf53d85f552330
parent 10de212de75bab0907f47548e9c06620959c54c9
Author: MTRNord <mtrnord1@gmail.com>
Date:   Mon, 26 Mar 2018 15:24:58 +0200

Try fixing the avatar position

Diffstat:
M
src/app/paper/paper.component.html
 | 
6
++++--
M
src/app/paper/paper.component.scss
 | 
5
+++++

2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/app/paper/paper.component.html b/src/app/paper/paper.component.html
@@ -24,8 +24,10 @@
 
     <mat-card>
       <mat-card-header class="avatarCenter">
-        <img src="https://twitter.com/mtrnord/profile_image" class="avatar"><br/><br/>
-        <mat-card-title><b>MTRNord</b></mat-card-title>
+        <div class="avatarContainer">
+          <img src="https://twitter.com/mtrnord/profile_image" class="avatar"><br/><br/>
+          <mat-card-title><b>MTRNord</b></mat-card-title>
+        </div>
       </mat-card-header>
       <mat-card-content>
         <i class="fa fa-quote-left"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, adipisci
diff --git a/src/app/paper/paper.component.scss b/src/app/paper/paper.component.scss
@@ -8,6 +8,11 @@
   justify-content: center; /* align horizontal */
 }
 
+.avatarContainer {
+  display: flex;
+  flex-direction: column;
+}
+
 .avatar {
   width: 120px;
   height: 120px;