socialnetworknews-web

commit f68fcf72584fe3f2abaa3d0e5d48965952ffbcee
parent 3620851b11679521659fd70de644014951ef795a
Author: MTRNord <mtrnord1@gmail.com>
Date:   Wed, 21 Mar 2018 21:56:18 +0100

Try preventing author card from stretching

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

2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/app/paper/paper.component.html b/src/app/paper/paper.component.html
@@ -22,7 +22,7 @@
   <div class="grid">
     <app-tweet-list [uuid]="uuid"></app-tweet-list>
 
-  <article>
+  <article class="author">
     <div style="z-index: 2;">
       <a>
         <ngx-avatar twitterId="mtrnord" [round]="true" size="120"></ngx-avatar>
diff --git a/src/app/paper/paper.component.scss b/src/app/paper/paper.component.scss
@@ -4,16 +4,17 @@
   grid-gap: 10px;
   //align-items: end;
   @media (min-width: 30em) {
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 75% 25%;
   }
 }
 
 
-.grid > article {
+.grid > article .author {
   border: 1px solid #ccc;
   box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
   text-align: center;
   position: relative;
+  max-height: fit-content;
 }
 .thumbnail {
   max-width: 100%;