socialnetworknews-web

commit a02caed50062f2f980acd7a8a26fec3bc8117e3a
parent b9bed89b4891aebc140c7beb3033330cf85ef623
Author: MTRNord <mtrnord1@gmail.com>
Date:   Mon, 26 Mar 2018 19:17:19 +0200

Remove margin and namespace grid

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

4 files changed, 5 insertions(+), 10 deletions(-)
diff --git a/src/app/paper/paper.component.html b/src/app/paper/paper.component.html
@@ -19,7 +19,7 @@
     </nav>
   </section>-->
 
-  <div class="grid">
+  <div class="gridPaper">
     <app-tweet-list [uuid]="uuid"></app-tweet-list>
 
     <mat-card>
diff --git a/src/app/paper/paper.component.scss b/src/app/paper/paper.component.scss
@@ -1,13 +1,9 @@
-.grid {
+.gridPaper {
   display: flex;
   align-items: flex-start;
   flex-direction: row;
 }
 
-.grid>* {
-  margin: 10px;
-}
-
 .avatarCenter {
   display: flex;
   justify-content: center; /* align horizontal */
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -1,5 +1,5 @@
 <spinner spinner="spinner"></spinner>
-<div class="grid">
+<div class="gridTweetList">
   <mat-card *ngFor="let item of data" style="max-width: 350px;">
     <div class="ribbon ribbon-top-right" *ngIf="item.retweet" style="max-width: 22rem">
       <span>
diff --git a/src/app/tweet-list/tweet-list.component.scss b/src/app/tweet-list/tweet-list.component.scss
@@ -1,12 +1,11 @@
-.grid {
+.gridTweetList {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
 }
 
-.grid>* {
+.gridTweetList>* {
   flex: 1 1 74%;
-  margin: 10px;
 }
 
 /* Made by https://codepen.io/gschier/pen/HCoqh */