From 0b21fa2afa783dc62fcbc48b544392922923dcda Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sun, 29 Oct 2023 21:18:26 +0000
Subject: [PATCH] change lossless audio indicitor location

---
 html/poketube.ejs | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index cbd7bf9..775a5c6 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -974,15 +974,19 @@ display: block; !important;" autoplay controls
                  title="Non-Translated title : <%=inv_vid.title%>"
                <% } %> 
             > <%-k.Video.Title.replace(/\/channel\//g, "/channel?id=").replace(/https:\/\/youtube.com/g, ""); %> 
-                 <% if (inv_vid.genre === "Music") { %> 
-
-            <div style="display: flex;float: left;margin-left: 4em;font-size: 15px;font-family: ubuntu;">     <i title="hq audio" class="fa-light fa-waveform-lines"></i>&nbsp;Lossless </div>
-                                  		 	               <% } %>   
+                 
 
              </div>
           
+            <% if (inv_vid.genre === "Music") { %> 
+
+            <div style="float: left;font-size: small;font-family: ubuntu;margin-bottom: 1em;">     <i title="hq audio" class="fa-light fa-waveform-lines"></i>&nbsp;Lossless </div>
+                                  		 	               <% } %> 
+                                                              <% if (inv_vid.genre !== "Music") { %> 
+     
           <a href="#connections" style="font-weight: bolder;font-family: sans-serif;color: var(--text-color);font-size: small;"> Jump to Connections </a>
-         
+                                           		 	               <% } %> 
+
                <div class="video-chnl-info-pill"  name="chnl">
   <a name="chnl"></a>
 
@@ -2109,8 +2113,7 @@ a {
        </div>            
    <div class="video-title" style="font-family:'Inter';;white-space:yes;padding: 10px;background: #0009;margin-bottom: 6px;margin-left: 6px;margin-right: 12px;border-radius: 15px;margin-top: 4px;">
                     
-                    <%=inv_vid.title%><% if (inv_vid.genre === "Music") { %> <span style="margin-top:2em;float: right;font-size: 13px;font-family: ubuntu;"><i title="hq audio" class="fa-light fa-waveform-lines"></i>&nbsp;Lossless </span>
-	                                  		 	               <% } %>
+                    <%=inv_vid.title%> 
                                                                              <a id="language-button" href="#desc-container" style="color: pink;
 margin: 0;
 font-size: 13px;margin:0;padding:0;white-space: nowrap;
@@ -2307,8 +2310,15 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
   </h3>
 <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
 
+ <div>
+    
          <div class="video-title" style="font-family: 'PokeTube Flex';margin-bottom: 8px;font-stretch: extra-expanded;font-weight: 1000;" ><%=inv_vid.title%></div>
-                 <!--
+          
+           <% if (inv_vid.genre === "Music") { %> 
+             <span style="font-size: 13px;font-family: ubuntu;"><i title="hq audio" class="fa-light fa-waveform-lines"></i>&nbsp;Lossless Audio </span>
+	                                  		 	               <% } %>
+                                     </div>
+                                         <!--
 
 <div class="channel-info" name="chnl" style="padding: 0;border: none;">
   <a href="/channel?id=<%=video?.Channel.id || k.Video.Channel.id%>" class="avatar">