From 7a765dc664d20f966e4e52abac1f5372045e166c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Mon, 14 Dec 2020 23:44:29 -0500
Subject: Change general design theme
---
youtube/templates/local_playlist.html | 36 +++++++++--------------------------
1 file changed, 9 insertions(+), 27 deletions(-)
(limited to 'youtube/templates/local_playlist.html')
diff --git a/youtube/templates/local_playlist.html b/youtube/templates/local_playlist.html
index 803c4dc..bbe5edd 100644
--- a/youtube/templates/local_playlist.html
+++ b/youtube/templates/local_playlist.html
@@ -2,41 +2,23 @@
{% extends "base.html" %}
{% import "common_elements.html" as common_elements %}
{% block style %}
- main > *{
- width: 800px;
- margin: auto;
- }
-
- .playlist-metadata{
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .playlist-title{
- }
- #playlist-remove-button{
- align-self: center;
- white-space: nowrap;
- }
- #results{
- display: grid;
- grid-auto-rows: 0fr;
- grid-row-gap: 10px;
- }
+ <link href="/youtube.com/static/local_playlist.css" rel="stylesheet">
{% endblock style %}
{% block main %}
<div class="playlist-metadata">
- <h2 class="playlist-title">{{ playlist_name }}</h2>
+ <h2 class="play-title">{{ playlist_name }}</h2>
<input type="hidden" name="playlist_page" value="{{ playlist_name }}" form="playlist-edit">
- <button type="submit" id="playlist-remove-button" name="action" value="remove" form="playlist-edit" formaction="">Remove from playlist</button>
+ <button class="play-action" type="submit" id="playlist-remove-button" name="action" value="remove" form="playlist-edit" formaction="">Remove from playlist</button>
</div>
- <div id="results">
+ <div id="results" class="video-container">
{% for video_info in videos %}
{{ common_elements.item(video_info) }}
{% endfor %}
</div>
- <nav class="page-button-row">
- {{ common_elements.page_buttons(num_pages, '/https://www.youtube.com/playlists/' + playlist_name, parameters_dictionary) }}
- </nav>
+ <footer class="pagination-container">
+ <nav class="pagination-list">
+ {{ common_elements.page_buttons(num_pages, '/https://www.youtube.com/playlists/' + playlist_name, parameters_dictionary) }}
+ </nav>
+ </footer>
{% endblock main %}
--
cgit v1.2.3