incorporated design feedback

res/css/views/rooms/_EventTile.scss

@@ -661,11 +661,10 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
 
 .mx_EventTile_tileError {
     color: red;
+    text-align: center;
 
     .mx_EventTile_line span {
         padding: 4px 8px;
-        border-radius: 11px;
-        box-shadow: 0px 0px 3px red inset;
     }
 
     a {

src/components/views/messages/TileErrorBoundary.js

@@ -57,10 +57,10 @@ export default class TileErrorBoundary extends React.Component {
             return (<div className={classNames(classes)}>
                 <div className="mx_EventTile_line">
                     <span>
-                        {_t("An error occurred while rendering this event.")}
-                        { mxEvent && ` [${mxEvent.getType()}]` }
+                        {_t("Can't load this message")}
+                        { mxEvent && ` (${mxEvent.getType()})` }
                         <a onClick={this._onBugReport} href="#">
-                            {_t("Submit debug logs")}
+                            {_t("Submit logs")}
                         </a>
                     </span>
                 </div>

src/i18n/strings/en_EN.json

@@ -1294,7 +1294,8 @@
     "You are about to be taken to a third-party site so you can authenticate your account for use with %(integrationsUrl)s. Do you wish to continue?": "You are about to be taken to a third-party site so you can authenticate your account for use with %(integrationsUrl)s. Do you wish to continue?",
     "Edited at %(date)s. Click to view edits.": "Edited at %(date)s. Click to view edits.",
     "edited": "edited",
-    "An error occurred while rendering this event.": "An error occurred while rendering this event.",
+    "Can't load this message": "Can't load this message",
+    "Submit logs": "Submit logs",
     "Removed or unknown message type": "Removed or unknown message type",
     "Message removed by %(userId)s": "Message removed by %(userId)s",
     "Message removed": "Message removed",