Timeline: fix [ More events... ] link

Better layout for timeline entries

Fixes #17918

Signed-off-by: Damien Regad <dregad@mantisbt.org>

css/default.css

@@ -765,24 +765,24 @@ div#summary-bottom	{ width: 99.8%; clear: both; }
 
 /* timeline header styles */
 div.timeline { width: 35%; float: right; border: solid 1px #000000; margin-top: 10px; padding-left: 20px; margin-bottom: 10px; }
-div.timeline div.heading { font-size: x-large; }
-div.timeline div.date_range { font-size: large; margin-bottom: 200px; }
+div.timeline .heading { font-size: x-large; }
+div.timeline .date-range { font-size: small; padding-bottom: 20px; }
 
 /* timeline entry styles */
-div.timeline div.entry { margin-bottom: -30px; position: relative; }
+div.timeline div.entry { padding: 10px 0; }
 div.timeline * span.tag_name { background-color: green; color: white; border-radius: 5px; padding-left: 5px; padding-right: 5px; }
 div.timeline * span.username { font-weight:bold; }
 
 /* timeline avatar */
-div.timeline * img.avatar { float: none; width: 32px; height: 32px; }
+div.timeline * img.avatar { float: left; padding: 5px 0; width: 32px; height: 32px; }
 div.timeline div.entry-no-avatar img.avatar { display: none; }
 
 /* timeline timestamp */
-div.timeline * div.timestamp { position: relative; top: -38px; left: 40px; height: 15px; font-size: x-small; color: gray; }
+div.timeline * div.timestamp { position: relative; left: 10px; font-size: x-small; color: gray; }
 div.timeline div.entry-no-avatar div.timestamp { top: 5px; left: -2px; }
 
 /* timeline action */
-div.timeline * div.action { position: relative; top: -43px; left: 40px; padding-right: 50px; }
+div.timeline * div.action { position: relative; left:10px; padding-right: 50px; }
 div.timeline div.entry-no-avatar div.action { top: 0px; left: -2px; }
 
 div.timeline p { margin-left: 3px; }