From 8a9298fb1b70aa361b1a3adf6685a7be509a1b60 Mon Sep 17 00:00:00 2001
From: Pierre Rudloff <contact@rudloff.pro>
Date: Fri, 23 May 2014 19:11:03 +0200
Subject: [PATCH] Direct link to videos

---
 api.php   | 16 +++++++---------
 style.css |  4 ++++
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/api.php b/api.php
index c76d316..f5c5102 100644
--- a/api.php
+++ b/api.php
@@ -48,20 +48,18 @@ if (isset($_GET["url"])) {
             <?php
             if (isset($video->formats)) {
                 ?>
-                <legend for="format">Select format</legend>
-                <select id="format" name="format">
+                <h3>Available formats:</h3>
+                <p>(You might have to do a <i>Right click > Save as</i>)</p>
+                <ul id="format" class="format">
                 <?php
                 foreach ($video->formats as $format) {
-                    echo '<option value="', $format->format_id, '"';
-                    if ($format->format_id == $video->format_id) {
-                        echo ' selected ';
-                    }
-                    echo '>';
+                    echo '<li>';
+                    echo '<a href="', $format->url ,'">';
                     echo $format->format, ' (',  $format->ext, ')';
-                    echo '</option>';
+                    echo '</a></li>';
                 }
                 ?>
-                </select><br/><br/>
+                </ul><br/><br/>
             <?php
             } else {
                 ?>
diff --git a/style.css b/style.css
index 7dde14e..ded1e38 100644
--- a/style.css
+++ b/style.css
@@ -538,6 +538,10 @@ h1 {
     vertical-align:middle;
 }
 
+.format {
+    text-align:left;
+}
+
 @media (max-width: 640px) {
     .thumb {
         width:90%;