=h($m['title'])?>
=h($m['title'])?>
+=nl2br(h($m['description']), false)?>
diff --git a/index.php b/index.php index af96d1b..79e48b0 100644 --- a/index.php +++ b/index.php @@ -203,11 +203,23 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : []; .filter-submit .icon{font-size:1.02rem;line-height:1;transform:translateY(.01em)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .filter-summary{color:#A0A4AB;font-size:.9rem;margin:0 0 .8rem} -.video-row-head{grid-column:1 / -1;margin:0 0 .15rem} -.video-row-title{font-size:1.35rem;line-height:1.2;margin:.1rem 0 .45rem;color:#F3F4F6} -.video-row-head .meta{margin:0 0 .45rem} +.video-row-title{font-size:1.35rem;line-height:1.2;color:#F3F4F6} +.video-row-head-mobile{display:none} +.video-info .video-row-title{margin:0 0 .35rem} +.video-info .meta{margin:0 0 .45rem} +#videos .video-wrapper{align-self:start} +#videos .video-info{align-self:start} +#videos .video-info .description{margin-top:0} .meta a{color:inherit;text-decoration:none} .meta a:hover{text-decoration:underline} +@media (max-width:900px){ + .video-row-head-mobile{display:block;grid-column:1 / -1;margin:0 0 .05rem} + #videos .video-wrapper{grid-column:1 / -1} + #videos .video-info{grid-column:1 / -1} + .video-info .video-row-title.video-row-title-desktop, + .video-info .meta.meta-desktop{display:none} + #videos .video-info .description{margin-top:.8rem} +}
@@ -242,7 +254,7 @@ $baseParams = ($rawKeyword !== '') ? ['q' => $rawKeyword] : []; ?>=nl2br(h($m['description']), false)?>