Error.report: use JS template strings

css/default.css

@@ -577,16 +577,16 @@ body.ttrss_main #feed_browser_spinner {
   height: 18px;
   width: 18px;
 }
-body.ttrss_main div.fatalError {
-  margin-bottom: 10px;
+body.ttrss_main .error-contents .message {
+  color: red;
 }
-body.ttrss_main div.fatalError button {
-  margin-top: 5px;
-}
-body.ttrss_main div.fatalError textarea {
-  width: 565px;
+body.ttrss_main .error-contents textarea {
+  width: 99%;
   height: 200px;
 }
+body.ttrss_main .error-contents .dlgButtons {
+  text-align: center;
+}
 body.ttrss_main #content-wrap {
   padding: 0px;
   border-width: 0px;

css/tt-rss.less

@@ -676,17 +676,18 @@ body.ttrss_main {
 		width : 18px;
 	}
 
-	div.fatalError {
-		margin-bottom : 10px;
-
-		button {
-			margin-top : 5px;
+	.error-contents {
+		.message {
+			color : red;
 		}
 
 		textarea {
-			width : 565px;
+			width : 99%;
 			height : 200px;
 		}
+		.dlgButtons {
+			text-align : center;
+		}
 	}
 
 	#content-wrap {

js/AppBase.js

@@ -414,18 +414,15 @@ define(["dojo/_base/declare"], function (declare) {
 					if (dijit.byId("exceptionDlg"))
 						dijit.byId("exceptionDlg").destroyRecursive();
 
-					let content = "<div class='fatalError'><p>" + message + "</p>";
-
-					if (error.stack)
-						content += "<div><b>Stack trace:</b></div>" +
-							"<textarea name=\"stack\" readonly=\"1\">" + error.stack + "</textarea>";
-
-					content += "<div style='text-align : center'>";
-
-					content += "<button dojoType=\"dijit.form.Button\" " +
-						"onclick=\"dijit.byId('exceptionDlg').hide()\">" +
-						__('Close this window') + "</button>";
-					content += "</div>";
+					let content = `<div class="error-contents">
+							<p class="message">${message}</p>
+							<div><b>Stack trace:</b></div>
+							<textarea name="stack" readonly="1">${error.stack}</textarea>
+							<div class="dlgButtons">
+								<button dojoType="dijit.form.Button"
+									onclick=\"dijit.byId('exceptionDlg').hide()">${__('Close this window')}</button>
+							</div>
+						</div>`;
 
 					const dialog = new dijit.Dialog({
 						id: "exceptionDlg",

themes/night.css

@@ -577,16 +577,16 @@ body.ttrss_main #feed_browser_spinner {
   height: 18px;
   width: 18px;
 }
-body.ttrss_main div.fatalError {
-  margin-bottom: 10px;
+body.ttrss_main .error-contents .message {
+  color: red;
 }
-body.ttrss_main div.fatalError button {
-  margin-top: 5px;
-}
-body.ttrss_main div.fatalError textarea {
-  width: 565px;
+body.ttrss_main .error-contents textarea {
+  width: 99%;
   height: 200px;
 }
+body.ttrss_main .error-contents .dlgButtons {
+  text-align: center;
+}
 body.ttrss_main #content-wrap {
   padding: 0px;
   border-width: 0px;