From 71fea5aef9f7361727ceacc8f1a60dfdf53c742d Mon Sep 17 00:00:00 2001
From: Tim Wijma <tim.wijma@gmail.com>
Date: Thu, 3 Nov 2022 14:37:31 +0100
Subject: [PATCH] flexbpox

---
 __pycache__/dashboard.cpython-310.pyc | Bin 1562 -> 1562 bytes
 dashboard_static/js/code.js           |   8 +++++---
 dashboard_static/style/style.css      |   5 +++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/__pycache__/dashboard.cpython-310.pyc b/__pycache__/dashboard.cpython-310.pyc
index 8e88d6080d3215bc1a15d6c85dbf30afd3dd732c..52532bb389045f8607b3aac5917967b06d3703c8 100644
GIT binary patch
delta 35
pcmbQmGmD2epO=@50SIaiCnp<k<dtG%uNGP7{;;ZLvmWCc766^}3OWD)

delta 35
ncmbQmGmD2epO=@50SMX~lah@#@=7tX&zcDWJ2&ewzF`3XqG$^4

diff --git a/dashboard_static/js/code.js b/dashboard_static/js/code.js
index 91a3ed4..f2603a9 100644
--- a/dashboard_static/js/code.js
+++ b/dashboard_static/js/code.js
@@ -33,9 +33,11 @@ function tweetCell(tweet) {
         <a href ="https://www.twitter.com/${tweet.user.screen_name}"><img src="${tweet.user.profile_image_url}" onerror="this.src='media/logo.png'" class="tweet-profilepicture"></a>
         <div class="tweet-content"> 
             <div class="tweet-name">
-                <a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
-                <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
-                <p class="tweet-date tweet-username"><em>${date.getHours()}:${date.getMinutes()}</em></p> 
+                <div>
+                    <a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
+                    <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
+                </div>
+                <span class="tweet-date"><em>${date.getHours()}:${date.getMinutes()}</em></span> 
             </div>
             <span class="tweet-text">${tweet.text}</span>
             <div class="tweet-interactions">
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 691191b..8115c53 100644
--- a/dashboard_static/style/style.css
+++ b/dashboard_static/style/style.css
@@ -109,12 +109,17 @@ body {
 
 .tweet-content {
 	padding-left: 16px;
+	width: 100%;
 }
 
 .tweet-name {
 	display: flex;
 	gap: 1.5%;
+	justify-content: space-between;
+}
 
+.tweet-date {
+	align-self: flex-end;
 }
 
 .tweet-interactions {