Style improvements

_sass/2017/components/missing-message.scss

@@ -1,12 +1,18 @@
 .missing-message.missing-message {
   text-align: center;
-  border: solid 1px $dark-line-color;
   margin: 32px 0;
-  padding: 16px;
+  display: flex;
+  align-items: center;
+  border-top: solid 1px $dark-line-color;
+  padding-top: 16px;
+
+  @media (min-width: 769px) {
+    padding-top: 32px;
+  }
 
   & > h3,
   & > p {
-    margin: 16px 0;
+    margin: 0;
     padding: 0;
   }
 
@@ -14,9 +20,19 @@
     @include font-size(1);
     font-weight: normal;
     color: $base-text;
+    flex: 1 0 auto;
+    text-align: left;
+  }
+
+  & > h3::before {
+    @include ion-icon('md-arrow-forward');
+    font-size: 24px;
+    color: $base-a;
+    margin-right: 16px;
   }
 
   & > p {
     color: $base-mute;
+    flex: 0 0 auto;
   }
 }

_sass/2017/components/push-button.scss

@@ -6,7 +6,11 @@
 
   &,
   &:visited {
-    background: $base-a;
+    background-color: $base-a;
+    background: linear-gradient(
+      to right,
+      $base-a,
+      adjust-color($base-a, $lightness: 2%, $hue: 16deg));
     color: white;
   }
 

_sass/2017/components/side-ad.scss

@@ -2,7 +2,7 @@
   @include font-size(-1);
   @include carbon-style;
 
-  @media (min-width: 769px) {
+  @media (min-width: 961px) {
     position: absolute;
     right: 32px;
     top: 80px;
@@ -14,7 +14,7 @@
     }
   }
 
-  @media (max-width: 768px) {
+  @media (max-width: 960px) {
     & {
       margin: 16px auto;
       max-width: 300px;