diff --git a/dist/img/warning.png b/dist/img/warning.png
new file mode 100644
index 000000000..c15cc246a
Binary files /dev/null and b/dist/img/warning.png differ
diff --git a/js/app.js b/js/app.js
index 6d2a3b17c..f4fc8adad 100644
--- a/js/app.js
+++ b/js/app.js
@@ -112,7 +112,7 @@ var App = React.createClass({
this.setState({
modal: 'error',
- errorInfo:
,
+ errorInfo: ,
});
},
getHeaderLinks: function()
@@ -204,14 +204,17 @@ var App = React.createClass({
: null}
-
- Error
-
-
-
Sorry, but LBRY has encountered an error! This has been reported and we will investigate the problem.
+
+ Error
+
+
+
+
We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem.
{this.state.errorInfo}
-
+
+
+
);
diff --git a/scss/_gui.scss b/scss/_gui.scss
index 54f354375..184bf68b5 100644
--- a/scss/_gui.scss
+++ b/scss/_gui.scss
@@ -260,10 +260,14 @@ input[type="text"], input[type="search"]
overflow: auto;
border-radius: 4px;
outline: none;
- padding: 40px;
+ padding: 36px;
max-width: 250px;
}
+.modal__header {
+ margin-bottom: 5px;
+}
+
.modal__buttons {
display: flex;
flex-direction: row;
@@ -275,15 +279,14 @@ input[type="text"], input[type="search"]
margin: 0px 6px;
}
-
-.modal__error-list {
+.error-modal__error-list {
border: 1px solid #eee;
padding: 8px;
list-style: none;
}
.error-modal-overlay {
- background: rgba(#000, .85);
+ background: rgba(#000, .88);
}
.error-modal {
@@ -291,13 +294,12 @@ input[type="text"], input[type="search"]
width: 400px;
}
-.error-modal__layout {
+.error-modal__content {
display: flex;
padding: 0px 8px 10px 10px;
}
-.error-modal .icon-warning {
- font-size: 48px;
- color: $color-money;
+.error-modal__warning-symbol {
+ margin-top: 6px;
margin-right: 7px;
}
\ No newline at end of file