From bc2d3e0d7988b3858f2bb134063127fe19119ef4 Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Fri, 8 Oct 2021 01:10:07 +0300
Subject: [PATCH] Videos: Design update

---
 Web/Presenters/templates/User/View.xml |  9 +++++----
 Web/static/css/style.css               | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/Web/Presenters/templates/User/View.xml b/Web/Presenters/templates/User/View.xml
index 83ebfe87..4711c614 100644
--- a/Web/Presenters/templates/User/View.xml
+++ b/Web/Presenters/templates/User/View.xml
@@ -264,14 +264,15 @@
                     </div>
                 </div>
                 <div style="padding: 5px;">
-                    <div class="ovk-video" style="margin-bottom: 1rem; padding: 0 11px;" n:foreach="$videos as $video">
-                        <div style="width: 170px;" align="center">
+                    <div class="ovk-video" n:foreach="$videos as $video">
+                        <a href="/video{$video->getPrettyId()}" class="preview" align="center">
                             <img
                                 src="{$video->getThumbnailURL()}"
-                                style="max-width: 170px; margin: auto;" />
-                        </div>
+                                style="max-width: 170px; max-height: 127px; margin: auto;" />
+                        </a>
                         <div>
                             <b><a href="/video{$video->getPrettyId()}">{ovk_proc_strtr($video->getName(), 30)}</a></b>
+                            <span style="font-size: 10px;">{$video->getPublicationTime()} | {_comments} ({$video->getCommentsCount()})</span>
                         </div>
                     </div>
                 </div>
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index d7904638..0c3c7d13 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -1356,3 +1356,17 @@ body.scrolled .toTop:hover {
 .gift_sel.disabled {
     opacity: .5;
 }
+
+.ovk-video {
+	margin-bottom: 1rem;
+	padding: 0 6px;
+}
+
+.ovk-video > .preview {
+	width: 170px;
+	height: 127px;
+	border: 1px solid #ccc;
+	align-content: center;
+	display: flex;
+	padding: 1px;
+}