Display order failures using a system notification

[sindresorhus]

Also shake the button.

Fixes #328

[lukechilds]

This so much better than the ugly errors before!

Only slight nit is that the shake looks a bit over exaggerated to me.

What do you think about reducing the amount of shakes, the distance of the shake, and increasing the speed? So it's more of a wriggly jitter than a smooth shake.

Current:

Less exaggerated:

Didn't wanna commit without your feedback but diff is here if you like it:

diff --git a/app/renderer/styles/index.scss b/app/renderer/styles/index.scss
index edb809b6..5deb3f6c 100644
--- a/app/renderer/styles/index.scss
+++ b/app/renderer/styles/index.scss
@@ -196,22 +196,17 @@ th {
 		transform: translate3d(0, 0, 0);
 	}
 
-	10%,
-	30%,
-	50%,
-	70%,
-	90% {
-		transform: translate3d(-10px, 0, 0);
+	20%,
+	60% {
+		transform: translate3d(-5px, 0, 0);
 	}
 
-	20%,
 	40%,
-	60%,
 	80% {
-		transform: translate3d(10px, 0, 0);
+		transform: translate3d(5px, 0, 0);
 	}
 }
 
 .shake-animation {
-	animation: shake 0.8s ease;
+	animation: shake 0.3s ease;
 }

[sindresorhus]

@lukechilds Looks much better. My wife commented on it being to exaggerated too.

[lukechilds]

Your wife has good taste in UI animations.