From b8c5b5a8188042ace9934d00d44c99d59618355a Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Fri, 7 May 2021 12:37:19 +0200
Subject: [PATCH] News entry user info align fix

---
 src/components/newsEntry.js         | 6 ++++--
 src/components/newsEntry.module.css | 6 ++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/newsEntry.js b/src/components/newsEntry.js
index 5d59522..0d8c1cc 100644
--- a/src/components/newsEntry.js
+++ b/src/components/newsEntry.js
@@ -27,8 +27,10 @@ export default function NewsEntry({
       >
         <div className={styles.newsHeader}>
           <div className={styles.newsTitle}>{title}</div>
-          <div>User #{user}</div>
-          <div className={styles.newsDate}> @ {date}</div>
+          <div className={styles.userinfo}>
+            <div>User #{user}</div>
+            <div className={styles.newsDate}> @ {date}</div>
+          </div>
         </div>
         {admin ? (
           <div
diff --git a/src/components/newsEntry.module.css b/src/components/newsEntry.module.css
index c1c9b6d..cbeff67 100644
--- a/src/components/newsEntry.module.css
+++ b/src/components/newsEntry.module.css
@@ -60,6 +60,12 @@
   }
 }
 
+@media screen and (max-width: 700px) {
+  .userinfo {
+    flex-flow: column;
+  }
+}
+
 .userinfo {
   display: flex;
   align-items: center;