diff --git a/tubearchivist/home/templates/home/video.html b/tubearchivist/home/templates/home/video.html index a5fc0444..e3096fa0 100644 --- a/tubearchivist/home/templates/home/video.html +++ b/tubearchivist/home/templates/home/video.html @@ -69,15 +69,24 @@

thumbs-down: {{ video.stats.dislike_count|intcomma }}

{% endif %} {% if video.stats.average_rating %} -

Rating: +

{% for star in video.stats.average_rating %} {{ star }} {% endfor %} -

+
{% endif %} + {% if video.tags %} +
+
+ {% for tag in video.tags %} + {{ tag }} + {% endfor %} +
+
+ {% endif %} {% if video.description %}

diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css index bc641b84..7c2c491a 100644 --- a/tubearchivist/static/css/style.css +++ b/tubearchivist/static/css/style.css @@ -783,6 +783,18 @@ video:-webkit-full-screen { display: flex; } +.video-tag-box { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.video-tag { + padding: 5px 10px; + margin: 5px; + border: 1px solid var(--accent-font-light); +} + .thumb-icon img, .rating-stars img { width: 20px;