From ecff76988bf5dcea24ede79ef3a72fb63ca781f1 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sat, 31 Dec 2022 14:09:52 +0000
Subject: [PATCH] add dropdown menu :3

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

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 3d3683ef..7d1f1426 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -246,7 +246,7 @@
     white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
     word-break: break-all;
     white-space: normal;
-  } 
+  }   
    </style>
  
   
@@ -312,20 +312,39 @@ But Please note that unofficial instances can add the same lock icon, so please
 
       </div>
       <div class="right">
-         
-             <a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" title="Switch instance">
-          <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-rocket-launch"></i>
-        </a>                                   
-        
   
-        <a href="/video/upload" style="text-decoration: none;" title="Upload Video">
-          <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
+        <div class="icon-button dropdown">
+			<input type="checkbox" id="loggedout-dropdown" autocomplete="off">
+			<label for="loggedout-dropdown">
+                  <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light  fa-ellipsis-vertical"></i>
+ 			</label>
+			<div class="dropdown__menu" style="right: -1em;">
+         						<a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
+                            <i  class="fa-light fa-rocket-launch"></i>
+                      Switch Instance
         </a>
-    
-        <a href="/embed/<%=video.id%>" style="text-decoration: none;" title="Embed">
-          <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-code"></i>
-        </a>                                   
-       
+
+        
+           						<a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
+                            <i  class="fa-light fa-video"></i>
+ Upload
+        </a>
+ 
+ 						<a href="/embed/<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
+                            <i  class="fa-light fa-code"></i>
+ View Embed
+        </a>
+        
+        <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #1a1111;width: 16.5em;height: 0;">
+        
+           
+ 					<a href="/api/version.json" style="text-decoration: none;colır:#fff;" class="dropdown__item">
+                            <i  class="fa-light fa-circle-info"></i>
+Version 
+        </a>
+                      
+			</div>
+		</div>
 
       </div>
     </nav>