From 97ec3fca8268450ec45fe6a1a06ae119a77dc896 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Mon, 2 Jan 2023 17:17:41 +0000
Subject: [PATCH] improvements!!

---
 html/poketube.ejs | 37 ++++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 239b982d..0f58719f 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -256,6 +256,10 @@
     word-break: break-all;
     white-space: normal;
   }   
+  
+  .video{
+    margin-right: auto;
+  }
    </style>
  
   
@@ -337,7 +341,7 @@ But Please note that unofficial instances can add the same lock icon, so please
         
            						<a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
                             <i  class="fa-light fa-video"></i>
- Upload
+ Create
         </a>
  
  						<a href="/embed/<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
@@ -508,7 +512,7 @@ display: block;" autoplay controls
       
 <div style="display: flex;">
 
-					<a class="new-button" title="Download this Video :3" style="color:var(--text-color);text-decoration: none; " href="/download?v=<%=video.id%>">
+					<a class="new-button button-download" title="Download this Video :3" style="color:var(--text-color);text-decoration: none; " href="/download?v=<%=video.id%>">
                             <div class="pill-button">
 
             <i class="fa-light fa-download"></i>
@@ -516,6 +520,8 @@ display: block;" autoplay controls
             </div>
 					</a>
  
+       
+
    
  <% if (!video.Channel.Name.endsWith(' - Topic')) { %> 
     <% if (!video.Title.endsWith('Audio)')) { %> 
@@ -548,22 +554,27 @@ display: block;" autoplay controls
     
                                                     
  <% if (!video.Channel.Name.endsWith(' - Topic')) { %> 
-    <% if (!video.Title.endsWith('Audio)')) { %>                         
-      <div class="new-button" style=";margin-left: -4px;">
+    <% if (!video.Title.endsWith('Audio)')) { %>             
+      <div style="display: flex;">
+
+      <div class="new-button button-lite" style=";margin-left: -4px;">
 					<a title="Low Bandwidth? try PokeTube Lite!" style="color:var(--text-color);text-decoration: none" href="/lite?v=<%=video.id%>">
-                                        <div class="pill-button">
+                                        <div class="pill-button ">
 
                <i class="fa-light fa-bolt"></i>
                Go Lite!
-                                                      </div>       
+                                                      </div>   
+                                                                  </div>       
+
         </a>
                                                                             </div>
+                                                                                  </div>
+
  <% }%>                     
                                                                           <% }%>      
-
  
-				</div>
-
+   
+    
               			</div>
                   					</div>
 
@@ -846,19 +857,19 @@ display: block;" autoplay controls
                               <% if (!r) { %> 
  
 
- <div class="video-title" style="text-align:left;font-family:var(--text-font-primary);font-weight:var(--text-header-weight);white-space:yes;font-stretch: extra-expanded;">                                  Recommendations 
-                                </div>   
+ <div class="video-title" style="text-align:left;font-family:var(--text-font-primary);font-weight:var(--text-header-weight);white-space:yes;font-stretch: ultra-expanded;">For You
+</div>   
                                             
                               <% if (!f) { %> 
      <% k.Video.Recommendations.Video.forEach(x => { %>       
  						<div class="video" >
                     <% if (!optout) { %> 
 
-      <a  href="/watch?v=<%= x.id %>" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;"  >								<span class="video-length"><%=x.duration %></span>
+      <a  href="/watch?v=<%= x.id %>" class="thumbnail" alt="<%= x.Title %>" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;"  >								<span class="video-length"><%=x.duration %></span>
                            <% } %>
    <% if (optout) { %> 
 
-      <a  href="/watch?v=<%= x.id %>&t=f" class="thumbnail" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;"  >								<span class="video-length"><%=x.duration %></span>
+      <a  href="/watch?v=<%= x.id %>&t=f" class="thumbnail" alt="<%= x.Title %>" style="background-image: url('https://p.poketube.fun/https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 9.5px;"  >								<span class="video-length"><%=x.duration %></span>
                            <% } %>
 							</a>
 							<div class="info">