From 34d59150d2bbb538dd1d072e52d592610a75e16a Mon Sep 17 00:00:00 2001
From: bar24 <104116465+bar24@users.noreply.github.com>
Date: Mon, 1 Aug 2022 05:36:26 +0000
Subject: [PATCH] Fixing "post date" and "numbers of view"

Showing "post date" and "numbers of views"  DIVs one above other for easier reading.

Also adding HTML A element "display: block;" because without that property "width" has no effect on element.
---
 src/invidious/views/components/item.ecr | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/invidious/views/components/item.ecr b/src/invidious/views/components/item.ecr
index 0e959ff2..69c8fdbc 100644
--- a/src/invidious/views/components/item.ecr
+++ b/src/invidious/views/components/item.ecr
@@ -48,7 +48,7 @@
                 <p dir="auto"><b><%= HTML.escape(item.author) %></b></p>
             </a>
         <% when PlaylistVideo %>
-            <a style="width:100%" href="/watch?v=<%= item.id %>&list=<%= item.plid %>&index=<%= item.index %>">
+            <a style="width:100%; display: block;" href="/watch?v=<%= item.id %>&list=<%= item.plid %>&index=<%= item.index %>">
                 <% if !env.get("preferences").as(Preferences).thin_mode %>
                     <div class="thumbnail">
                         <img loading="lazy" tabindex="-1" class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
@@ -80,7 +80,7 @@
                 <%= rendered "components/video-context-buttons" %>
             </div>
 
-            <div class="video-card-row flexible">
+            <div class="video-card-row">
                 <div class="flex-left">
                     <% if item.responds_to?(:premiere_timestamp) && item.premiere_timestamp.try &.> Time.utc %>
                         <p dir="auto"><%= translate(locale, "Premieres in `x`", recode_date((item.premiere_timestamp.as(Time) - Time.utc).ago, locale)) %></p>