apply aesthetic fixes to the on-page error dialog, remove "broken" gif [#1401767]

config-srihashes.php

@@ -2,7 +2,7 @@
 // Autogenerated by "make sri" (and srihash_files.txt).
 $GLOBALS["SRIHASHES"] = array(
 "css/font-awesome.min.css" => "sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN",
-"css/style.css" => "sha384-3+qaYNVG3XTPDSYGxgT9IhtdO60ELHYGV2E8VQ2sqVHOaIDe0iThsTeqyJnm6VxK",
+"css/style.css" => "sha384-z/7yjLk4ZM385XlR7p5ls6weH8F8S7OTEpi2AOxcRAQ8WbN4vgZ+84Xitfh3h+up",
 "js/jquery-min.js" => "sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f",
 "js/phonebook.js" => "sha384-THAXVZVXWYCaLe0xoZLLcGLqOgsOL63oNXf4n1AYe+NNzRZ3Ku9xThHzmeHYdQC+",
 );

css/style.css

@@ -704,6 +704,13 @@ body.lightbox #overlay {
   text-align: center;
   }
 
+.error-result {
+  background-color: #fff;
+  color: #333;
+  width: 496px;
+  margin-left: 0.5em;
+  }
+
 .pgpfingerprintfont {
     font-size: 12px;
 }

templates/header.php

@@ -38,6 +38,5 @@
 </div>
 
 <div class="error-result-template">
-  <img src="img/searcherror.png">
-  <h2>ERROR! <a class="reload-page">Reload the page</a> to resubmit your search.</h2>
+  <h2>An error occurred while trying to access Phonebook.<br>Please <a class="reload-page">reload the page</a> to resubmit your search.</h2>
 </div>