fix: #2701 Fix look of authors (#2771)

This fix makes the authors part of the "title item", so it's not
considered as another block. This is not perfect since authors will
disappear on small screens, but we can discuss of putting titles on
multi-lines (see https://github.com/FreshRSS/FreshRSS/issues/2344)

2 files changed, 7 insertions, 7 deletions

diff --git a/app/views/helpers/index/normal/entry_header.phtml b/app/views/helpers/index/normal/entry_header.phtml
index 3d25301fa..2bc51e54c 100644
--- a/app/views/helpers/index/normal/entry_header.phtml
+++ b/app/views/helpers/index/normal/entry_header.phtml
@@ -28,9 +28,9 @@
 		}
 	}
 	?><li class="item website"><a href="<?= _url('index', 'index', 'get', 'f_' . $this->feed->id()) ?>"><img class="favicon" src="<?= $this->feed->favicon() ?>" alt="✇" /> <span><?= $this->feed->name() ?></span></a></li>
-	<li class="item title" dir="auto"><a target="_blank" rel="noreferrer" href="<?= $this->entry->link() ?>"><?= $this->entry->title() ?></a><?php
+	<li class="item title" dir="auto"><a target="_blank" rel="noreferrer" href="<?= $this->entry->link() ?>"><?= $this->entry->title() ?><?php
 		if ($topline_display_authors):
-			?><div class="item author"><?php
+			?><span class="author"><?php
 			$authors = $this->entry->authors();
 			if (is_array($authors)) {
 				$first = true;
@@ -39,9 +39,9 @@
 					$first = false;
 				}
 			}
-			?></div><?php
+			?></span><?php
 		endif;
-	?></li>
+	?></a></li>
 	<?php if ($topline_date) { ?><li class="item date"><?= $this->entry->date() ?> </li><?php } ?>
 	<?php if ($topline_link) { ?><li class="item link"><a target="_blank" rel="noreferrer" href="<?= $this->entry->link() ?>"><?= _i('link') ?></a></li><?php } ?>
 </ul>
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index cb468c845..04bc37bcb 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -667,11 +667,11 @@ a.btn {
 	text-decoration: none;
 }
 
-.flux .item.author {
+.flux .item.title .author {
+	padding-left: 1rem;
 	color: #555;
-	font-size: .7rem;
+	font-size: .9rem;
 	font-weight: normal;
-	white-space: normal;
 }
 
 .flux .item.date {