From 892bfff54e9ee79abb9eaf98637aa441303f4f1e Mon Sep 17 00:00:00 2001
From: MrFry <mrfry@airmail.cc>
Date: Sun, 27 Oct 2019 14:09:26 +0100
Subject: [PATCH] Minor usability improvements, video styling

---
 views/stuff/folders.ejs | 13 +++++++------
 views/stuff/video.ejs   |  7 ++++++-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/views/stuff/folders.ejs b/views/stuff/folders.ejs
index 1a2ec13..cb75e84 100644
--- a/views/stuff/folders.ejs
+++ b/views/stuff/folders.ejs
@@ -65,18 +65,21 @@
 			<%=dirname%>
 		</h1>
 	</center>
-    <h3>
+    <h2>
       <a href="<%= url + prevDir%>" > Up one level </a>
-    </h3>
+    </h2>
 	</p>
 
 	<table class="maintable">
 		<% for (var i = 0; i < folders.length; i++) { %>
 			<tr>
 				<td>
+                  <a
+                    href="<%= url + folders[i].path %>"
+                    style="font-size: 0px"
+                    >
 					<button
                       class="butt"
-                      onclick='itemClick("<%= "http://stuff.frylabs.net" + folders[i].path %>")'
                       style='<%= i % 2 === 0 ? "background-color: #2f2f37" : "" %>'
                       onmouseenter='mouseEnter(this, <%= i %>)'
                       onmouseleave='mouseLeave(this, <%= i %>)'
@@ -95,6 +98,7 @@
                           </tr>
 						</table>
 					</button>
+                  </a>
 				</td>
 			</tr>
 		<% } %>
@@ -102,9 +106,6 @@
 </body>
 <script>
   console.log('hi')
-  function itemClick (e) {
-    location.href = e
-  }
   function mouseEnter (e, i) {
     e.style.backgroundColor = "#555"
   }
diff --git a/views/stuff/video.ejs b/views/stuff/video.ejs
index ac8ab36..707b225 100644
--- a/views/stuff/video.ejs
+++ b/views/stuff/video.ejs
@@ -12,7 +12,6 @@
           color: #999999;
         }
         video {
-          object-fit: fill;
           width: 100%
         }
       </style>
@@ -26,4 +25,10 @@
       <source src="<%= url %><%= path %>?stream=true" type="video/mp4">
     </video>
   </body>
+  <script>
+    var v = document.getElementsByTagName('video')[0]
+    v.style.maxHeight = window.innerHeight - 100
+    v.maxWidth = window.innerWidth
+    console.log('a')
+  </script>
 </html>