fix(feedback): more feedback flow improvements and bug fixes

src/sass/views/feedback/complete.scss

@@ -1,5 +1,5 @@
 #complete {
-  background-color: #ffffff;
+  background-color: #fff;
   .close-button {
     color: $dark-gray;
     position: absolute;
@@ -30,7 +30,11 @@
     width: 5rem;
     margin: 1rem;
   }
-  .title {
+  .send-feedback-illustration {
+    height: 21rem;
+    margin: 1rem;
+  }
+  .feedback-title {
     font-size: 20px;
     font-weight: bold;
     color: $dark-gray;

src/sass/views/feedback/rateApp.scss

@@ -1,24 +1,29 @@
 #rate-app {
   background-color: #ffffff;
-  .skip {
-    margin-top: 15px;
-    color: #667;
-  }
+  text-align: center;
   .skip-rating {
-    margin-right: 15px;
+    color: $dark-gray;
+    position: absolute;
+    top: 5px;
+    right: 10px;
+    padding: 15px;
   }
   .icon-svg > img {
     width: 80px;
     height: 80px;
     margin-top: 15px;
   }
-  .title {
+  .feedback-title {
     font-size: 20px;
     font-weight: bold;
     color: $dark-gray;
     margin: 80px 50px 10px;
     text-align: center;
   }
+  .share-the-love-illustration {
+    width: 5rem;
+    margin: 1rem;
+  }
   .subtitle {
     padding: 10px 30px 20px 40px;
     color: #667;

src/sass/views/feedback/send.scss

@@ -9,7 +9,7 @@
   .feedback-heading {
     padding-top: 20px
   }
-  .title {
+  .feedback-title {
     padding-left: 10px;
     font-size: 20px;
     font-weight: bold;
@@ -38,4 +38,16 @@
     height: 1rem;
     margin-left: 5px;
   }
+  .form-fade-in {
+    opacity: 0;
+    animation-name: fadeIn;
+    animation-duration: .5s;
+    animation-fill-mode: forwards;
+    animation-timing-function: ease-in;
+  }
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to   { opacity: 1; }
 }