socialnetworknews-web

commit 7163901161a98a1dd90ecebe5dfb25e1fdcb9e15
parent 4e78e5f75b2244729f89d9e10ce6e2be4b18abde
Author: MTRNord <mtrnord1@gmail.com>
Date:   Mon, 26 Mar 2018 16:25:18 +0200

Better position Username under profile Image

Diffstat:
M
src/app/paper/paper.component.html
 | 
2
+-
M
src/app/paper/paper.component.scss
 | 
34
++--------------------------------

2 files changed, 3 insertions(+), 33 deletions(-)
diff --git a/src/app/paper/paper.component.html b/src/app/paper/paper.component.html
@@ -26,7 +26,7 @@
       <mat-card-header class="avatarCenter">
         <div class="avatarContainer">
           <img src="https://twitter.com/mtrnord/profile_image?size=original" class="avatar"><br/><br/>
-          <mat-card-title><b>MTRNord</b></mat-card-title>
+          <mat-card-title class="username"><b>MTRNord</b></mat-card-title>
         </div>
       </mat-card-header>
       <mat-card-content>
diff --git a/src/app/paper/paper.component.scss b/src/app/paper/paper.component.scss
@@ -19,39 +19,9 @@
   border-radius: 50%;
 }
 
-.grid > .author {
-  border: 1px solid #ccc;
-  box-shadow: 2px 2px 6px 0  rgba(0,0,0,0.3);
+.username {
+  margin-top: 15px;
   text-align: center;
-  position: relative;
-  max-height: 15%;
-}
-
-.thumbnail {
-  max-width: 100%;
-  display: block;
-}
-
-.grid > .author > div > not(.card-ribbon){
-  position: relative;
-  display: inline-block;
-/* if you need ie6/7 support */
-  *display: inline;
-  zoom: 1;
-}
-
-.text {
-  padding: 0 20px 0 20px;
-}
-.text > ul {
-  padding: 10px;
-  text-align: center;
-  margin-bottom: 0;
-  font-size: .9rem;
-  width: 100%;
-  li {
-    display: inline;
-  }
 }
 
 /* Made by https://codepen.io/gschier/pen/HCoqh */