flexbpox

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">
+                <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>
-                <p class="tweet-date tweet-username"><em>${date.getHours()}:${date.getMinutes()}</em></p> 
+                </div>
+                <span class="tweet-date"><em>${date.getHours()}:${date.getMinutes()}</em></span> 
             </div>
             <span class="tweet-text">${tweet.text}</span>
             <div class="tweet-interactions">

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 {