From 06bc705c007cc463b1263e338bb1a7fcb89e40c3 Mon Sep 17 00:00:00 2001
From: Sonny Bakker <sonny871@hotmail.com>
Date: Sun, 1 Nov 2020 14:02:58 +0100
Subject: [PATCH] Use max-content for post items

---
 src/newsreader/scss/components/posts/_posts.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/newsreader/scss/components/posts/_posts.scss b/src/newsreader/scss/components/posts/_posts.scss
index 8bb86e9..3854b56 100644
--- a/src/newsreader/scss/components/posts/_posts.scss
+++ b/src/newsreader/scss/components/posts/_posts.scss
@@ -1,15 +1,16 @@
 .posts {
-  width: 70%;
   margin: 0 0 2% 20px;
 
+  width: 70%;
+
   &__list {
     display: flex;
     flex-direction: column;
 
-    list-style: none;
-
-    width: 95%;
+    width: 100%;
     padding: 0;
+
+    list-style: none;
   }
 
   &__item {
@@ -18,6 +19,8 @@
 
     padding: 10px;
 
+    max-width: max-content;
+
     &:first-child {
       padding: 0 10px 10px 10px;
     }
@@ -39,8 +42,6 @@
   }
 
   &__header {
-    width: 80%;
-
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;