From 1acf4e6773b29178cc9107aec34de8fb70460aa6 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sun, 6 Nov 2022 15:06:55 +0100
Subject: [PATCH] Mobile Improvements :3

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

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 175a1482..56533361 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -1602,14 +1602,13 @@ padding: 3px;
        </div>                                                 
  		</div>
 			<div class="video-info">
-        <div class="video-title" style="font-family:'Inter';font-weight:900;white-space:yes;"><%=video.Title%>               <a id="language-button" href="#desc-container" style="float: right;" class="switch">
+        <div style="background-image: linear-gradient( 135deg, #F97794 10%, #623AA2 100%, #8e6f7e 100%);border-radius: 10px;margin-bottom: 10px;">
+                  <div class="video-title" style="font-family:'Inter';font-weight:900;white-space:yes;padding: 10px;"><%=video.Title%> <a id="language-button" href="#desc-container" style="float: right;" class="switch">
 <i class="fa-thin fa-chevron-down"></i>
 </a> </div>
  				<div class="video-info-bar" style="font-family:'Inter';">
-					<div class="divider"></div>
-         	<div class="divider"></div>
-          					<%=engagement.viewCount.toLocaleString()%> Views - Uploaded at <%=date%> :3
-<div class="video-info-buttons" style="font-family:'Inter';font-weight:900;white-space:yes;background-image: linear-gradient( 135deg, #F97794 10%, #623AA2 100%, #8e6f7e 100%);border-radius: 15px;margin: 6px;align-self: center;align-items: center;">
+
+<div class="video-info-buttons" style="font-family:'Inter';font-weight:900;white-space:yes;background:#333;border-radius: 15px;margin: 6px;align-self: center;align-items: center;">
   <div>
    <i class="fa-light fa-thumbs-up"  style="font-size:x-large" ></i>
      <%=convert(engagement.likes)%>
@@ -1628,6 +1627,8 @@ padding: 3px;
  	<a style="color:#fff" href="#more-button-container"> <i style="font-size:x-large;color:#fff" class="fa-thin fa-circle-plus"></i>More.. </a>
             </div>
 				</div>
+          </div>
+
 					<div class="channel-info" name="chnl">
 				<a href="/channel?id=<%=video.Channel.id%>" class="avatar">
 					<img src=" <%= k.Video.Channel.Avatar[1].$t %>">
@@ -1723,7 +1724,9 @@ padding: 3px;
 
   
                                   <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;"> 
-         <p class="description" style="padding: 10px;">
+<p style="margin-top: 10px;margin-bottom: 10px;">
+                    <%=engagement.viewCount.toLocaleString()%> Views - Uploaded at <%=date%> :3
+          </p>	
      <% if (String(video.Description) != "[object Object]")  { %>
 
               <%-String(inv_vid.descriptionHtml).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "nitter.net").replace(/reddit\.com/g, "teddit.net") %>
@@ -1734,8 +1737,7 @@ padding: 3px;
       <p> No Description On this Video ( sad innit :c )</p>
                           <% } %>               
                             
- </p>
- <div style="margin: 10px;">
+  <div style="margin: 10px;">
                     <div style="justify-content: center;display: flex;padding: 11px;font-family: Ginto nord;gap: 3px;background: #1f1f1f;border-top-left-radius: 10px;border-top-right-radius: 10px;">
 More from  <%=k.Video.Channel.Name%>
           </div>