diff options
| -rw-r--r-- | assets/css/custom.css | 10 | ||||
| -rw-r--r-- | src/views/index.ecr | 2 | ||||
| -rw-r--r-- | src/views/layout.ecr | 2 | ||||
| -rw-r--r-- | src/views/search.ecr | 2 | ||||
| -rw-r--r-- | src/views/watch.ecr | 10 |
5 files changed, 16 insertions, 10 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css index 6c57f7ce..abd4e66e 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -8,6 +8,12 @@ a:active { color: #167ac6; } -.l-box { - padding: 1em; +.h-box { + padding-left: 1em; + padding-right: 1em; } + +.v-box { + padding-top: 1em; + padding-bottom: 1em; +}
\ No newline at end of file diff --git a/src/views/index.ecr b/src/views/index.ecr index 2cc2469d..9338bbcc 100644 --- a/src/views/index.ecr +++ b/src/views/index.ecr @@ -7,7 +7,7 @@ <% slice.each do |video| %> <% player_response = JSON.parse(video.info["player_response"]) %> <div class="pure-u-1 pure-u-md-1-4"> - <div class="l-box"> + <div class="h-box"> <a style="width:100%;" href="/watch?v=<%= video.id %>"> <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/> <p><%= video.title %></p> diff --git a/src/views/layout.ecr b/src/views/layout.ecr index 069d6e74..81a3be40 100644 --- a/src/views/layout.ecr +++ b/src/views/layout.ecr @@ -26,7 +26,7 @@ </div> </div> <%= content %> - <center class="l-box"> + <center class="h-box"> Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> - source available <a href="https://github.com/omarroth/invidious">here</a> </center> diff --git a/src/views/search.ecr b/src/views/search.ecr index 1b5a6541..0d6b12bc 100644 --- a/src/views/search.ecr +++ b/src/views/search.ecr @@ -6,7 +6,7 @@ <div class="pure-g"> <% slice.each do |video| %> <div class="pure-u-1 pure-u-md-1-4"> - <div class="l-box"> + <div class="h-box"> <a style="width:100%;" href="<%= video["link"] %>"> <img style="width:100%;" src="<%= video["thumbnail"] %>"/> <%= video["title"] %> diff --git a/src/views/watch.ecr b/src/views/watch.ecr index 461627be..59cdda04 100644 --- a/src/views/watch.ecr +++ b/src/views/watch.ecr @@ -6,7 +6,7 @@ <title><%= video.title %> - Invidious</title> <% end %> -<div class="l-box"> +<div class="h-box"> <% if listen %> <%= render "src/views/player/audio.ecr" %> <% else %> @@ -85,7 +85,7 @@ function toggle_comments(target) { }; </script> -<div class="l-box"> +<div class="h-box"> <h1> <%= video.info["title"] %> <% if listen %> @@ -102,7 +102,7 @@ function toggle_comments(target) { <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-5"> - <div class="l-box"> + <div class="h-box"> <p><i class="fa fa-eye" aria-hidden="true"></i> <%= number_with_separator(video.views) %></p> <p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= number_with_separator(video.likes) %></p> <p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= number_with_separator(video.dislikes) %></p> @@ -113,7 +113,7 @@ function toggle_comments(target) { </div> <div class="pure-u-1 pure-u-md-3-5"> - <div class="l-box"> + <div class="h-box"> <p> <a href="https://youtube.com/channel/<%= video.info["ucid"] %>"> <h3><%= video.info["author"] %></h3> @@ -146,7 +146,7 @@ function toggle_comments(target) { </div> <div class="pure-u-1 pure-u-md-1-5"> - <div class="l-box"> + <div class="h-box"> <% rvs.each do |rv| %> <% if rv.has_key?("id") %> <a href="/watch?v=<%= rv["id"] %>"> |