From 02cda9ca0bed273792e6ad3724ae66becea5a17a Mon Sep 17 00:00:00 2001
From: Radon <joshuacasady@gmail.com>
Date: Mon, 20 Jan 2025 19:36:51 -0600
Subject: [PATCH] changes

---
 content/root.css |  4 ++--
 content/root.js  | 12 ++++--------
 readme.md        |  2 +-
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/content/root.css b/content/root.css
index 5bae233..ef70451 100644
--- a/content/root.css
+++ b/content/root.css
@@ -137,7 +137,7 @@ body {
 }
 
 .delete-button:hover {
-	background: var(--pum-button-inactive-fg);
+	background: var(--timestamp-color);
 }
 
 .settings-icon, .users-icon, .theme-icon{
@@ -256,7 +256,7 @@ body {
 }
 
 .youtube-embed {
-	position: relative;
+	position: inline;
 	padding-top: 10px;
 	width: 100%;
 	max-width: 560px;  /* Standard YouTube width */
diff --git a/content/root.js b/content/root.js
index 8dbe3a4..fae05d3 100644
--- a/content/root.js
+++ b/content/root.js
@@ -184,29 +184,25 @@ async function loadMessages() {
 							url,
 						);
 						if (videoId) {
-							return `<div class="youtube-embed">
-									<iframe 
+							return `<div class="youtube-embed"><iframe 
 									    width="100%" 
 									    height="315" 
 									    src="https://www.youtube.com/embed/${videoId}" 
 									    frameborder="0" 
 									    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
 									    allowfullscreen>
-									</iframe>
-								</div>`;
+									</iframe></div>`;
 						} else if (isImageUrl(url)) {
 							console.log(
 								"Attempting to embed image:",
 								url,
 							);
-							return `<div class="image-embed">
-									<img 
+							return `<div class="image-embed"><img 
 									    src="${url}" 
 									    alt="Embedded image" 
 									    loading="lazy" 
 									    onerror="console.log('Image failed to load:', this.src); this.style.display='none'"
-									    onload="console.log('Image loaded successfully:', this.src)">
-								</div>`;
+									    onload="console.log('Image loaded successfully:', this.src)"></div>`;
 						}
 						return `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
 					},
diff --git a/readme.md b/readme.md
index 8f015df..dc66156 100644
--- a/readme.md
+++ b/readme.md
@@ -3,7 +3,7 @@
 ### High Priority
 - Nothing yet 
 ### Mid Priority
-- Nothing yet 
+- Other embeds (Twitter posts, spotify tracks, soundcloud, github repos, instagram posts, other video platforms)
 ### Low Priority
 - Mobile formatting @media
 ## Backend