Improve titles in bar title (template)

Titles can be extended on new line(s) when :hover happens
Fix https://github.com/marienfressinaud/FreshRSS/issues/385
See https://github.com/marienfressinaud/FreshRSS/issues/320

1 files changed, 9 insertions, 1 deletions

diff --git a/p/themes/template/template.css b/p/themes/template/template.css
index e3567ea61..7b2401a18 100644
--- a/p/themes/template/template.css
+++ b/p/themes/template/template.css
@@ -2,6 +2,11 @@
 
 /*=== GENERAL */
 /*============*/
+html, body {
+	margin: 0;
+	padding: 0;
+}
+
 /*=== Links */
 a {
 	text-decoration: none;
@@ -385,8 +390,11 @@ a.btn {
 .flux:not(.current):hover .item.title {
 	position: absolute;
 	top: 0;
-	max-width: calc(100% - 325px);
+	height: auto;
+	max-width: calc(100% - 320px);
 	background: #fff;
+	white-space: normal;
+	z-index: 10;
 }
 .flux .item.title a {
 	color: #000;