epic ui edits

FNLookup · Jul 3, 2024 · 1ad4c1d · 1ad4c1d
1 parent 6ee2178
commit 1ad4c1d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/css/style.css b/css/style.css
@@ -3614,6 +3614,7 @@ jam-track {
 
 .encore-track .left-section {
     width: 70%;
+    padding-left: 1.5rem;
 }
 .encore-track .right-section {
     width: 30%;
@@ -3628,7 +3629,8 @@ jam-track {
 }
 
 .right-section .diffs-view {
-    position: relative;
+    background-color: #99D9EA;
+    color: black;
 }
 
 .diffs-view:hover .song-diffs-popup {
@@ -3664,10 +3666,11 @@ jam-track {
 .diff {
     display: flex;
     align-items: center;
-    width: 50%;
+    flex: 50%;
 }
 
 .diffbars {
+    padding-left: 1rem;
     display: flex;
 }
 

diff --git a/encore/js/songs.js b/encore/js/songs.js
@@ -79,7 +79,6 @@ async function extractFilesFromZip(data, rurl) {
 
     trackDetails.append(songTitle, songArtist, songAlbum, songCharters)
     leftSection.append(trackDetails)
-    encoreTrack.append(leftSection)
 
     let rightSection = document.createElement('div')
     rightSection.classList.add('right-section');
@@ -92,26 +91,23 @@ async function extractFilesFromZip(data, rurl) {
     imgElement2.src = imageUrl;
     imgElement2.classList.add('art-ghost')
 
+    encoreTrack.append(rightSection, imgElement2);
+    encoreTrack.append(leftSection)
+
     let songDiffsView = document.createElement('a');
     songDiffsView.classList.add('fortnite-button', 'fortnite-button-border', 'no-link', 'encore-override-fortnite-button', 'diffs-view', 'track-btn')
     songDiffsView.innerText = 'View more'
     songDiffsView.href = 'view/?' + data.id
 
-    let songDiffsPopup = document.createElement('div')
-    songDiffsPopup.classList.add('song-diffs-popup')
-    songDiffsView.append(songDiffsPopup);
-
     let downloadSong = document.createElement('a');
     downloadSong.classList.add('fortnite-button', 'fortnite-button-border', 'no-link', 'encore-override-fortnite-button', 'track-btn')
     downloadSong.innerText = 'Download'
     downloadSong.href = rurl + data.zip
 
-    songDiffsPopup.append(songDiffs);
+    leftSection.append(document.createElement('hr'), songDiffs);
 
     rightSection.append(imgElement, songDiffsView, downloadSong)
 
-    encoreTrack.append(rightSection, imgElement2);
-
     document.getElementById('songs').appendChild(encoreTrack);
 
     loading.remove()