1 files changed, 46 insertions, 26 deletions

diff --git a/plugins/jetpack/css/jetpack-banners.css b/plugins/jetpack/css/jetpack-banners.css
index 458a2176..5232bb5a 100644
--- a/plugins/jetpack/css/jetpack-banners.css
+++ b/plugins/jetpack/css/jetpack-banners.css
@@ -106,6 +106,12 @@ https://github.com/thoughtbot/bourbon
   margin: 1em;
 }
 
+@media (max-width: 530px) {
+  .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card {
+    padding: 2rem 2rem;
+  }
+}
+
 .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card img.jetpack-logo {
   width: 160px;
 }
@@ -125,7 +131,7 @@ https://github.com/thoughtbot/bourbon
 .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
   position: relative;
   bottom: 0;
-  box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee;
+  box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04);
   display: none;
 }
 
@@ -141,7 +147,13 @@ https://github.com/thoughtbot/bourbon
 
 @media (max-width: 782px) {
   .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
-    top: 46px;
+    top: 32px;
+  }
+}
+
+@media (max-width: 530px) {
+  .jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
+    top: 0px;
   }
 }
 
@@ -149,6 +161,12 @@ https://github.com/thoughtbot/bourbon
   display: block;
 }
 
+@media (max-width: 530px) {
+  .jetpack-disconnected.toplevel_page_jetpack .jp-jetpack-connect__container .jp-connect-full__container .jp-connect-full__step-header h2 {
+    margin: 0;
+  }
+}
+
 .jp-connect-full__svg-dismiss {
   position: absolute;
   right: 0;
@@ -161,10 +179,16 @@ https://github.com/thoughtbot/bourbon
 
 .jp-connect-full__step-header {
   max-width: 700px;
-  margin: 0 auto;
+  margin: 0 auto 40px auto;
   line-height: 1.5;
 }
 
+@media (max-width: 530px) {
+  .jp-connect-full__step-header {
+    margin-bottom: 1.5rem;
+  }
+}
+
 .jp-connect-full__step-header h2 {
   margin: 1.5rem 10% 0;
   font-size: 1.375rem;
@@ -174,7 +198,7 @@ https://github.com/thoughtbot/bourbon
 
 @media (max-width: 530px) {
   .jp-connect-full__step-header h2 {
-    margin: 1.5rem 0 0;
+    margin-top: 1rem;
   }
 }
 
@@ -189,22 +213,6 @@ https://github.com/thoughtbot/bourbon
   margin-top: 5rem;
 }
 
-.jp-connect-full__button-container {
-  margin: 0;
-}
-
-.jp-connect-full__button-container .dops-button.is-primary {
-  background: #00BE28;
-  border-color: #00a523;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.jp-connect-full__button-container .dops-button.is-primary:hover, .jp-connect-full__button-container .dops-button.is-primary:focus {
-  background: #00a523;
-  border-color: #008b1d;
-}
-
 .jp-connect-full__tos-blurb {
   font-size: 0.6875rem;
   margin: 0 auto 1rem;
@@ -227,6 +235,7 @@ https://github.com/thoughtbot/bourbon
 
 .jp-connect-full__row {
   display: flex;
+  justify-content: space-around;
   justify-content: space-evenly;
   text-align: left;
   align-items: baseline;
@@ -279,6 +288,15 @@ https://github.com/thoughtbot/bourbon
   margin: 0.625rem 0 1.5rem;
 }
 
+.jp-connect-full__button-container-loading {
+  font-size: 14px;
+  animation: jetpack-loading-fade 1.6s ease-in-out infinite;
+}
+
+.jp-connect-full__button-container .jp-spinner {
+  width: 100%;
+}
+
 @media screen and (max-width: 480px) {
   .jp-connect-full__row {
     display: block;
@@ -287,15 +305,13 @@ https://github.com/thoughtbot/bourbon
     margin: 2em 0;
     max-width: 100%;
   }
-  .jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card {
-    padding: 3rem 2rem;
-  }
 }
 
 .updated.jp-wpcom-connect__container {
   border-left: none;
   padding: 0;
-  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
+  border: 1px solid #ccd0d4;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 
 @media screen and (max-width: 782px) {
@@ -408,12 +424,12 @@ https://github.com/thoughtbot/bourbon
   margin: 0 auto;
 }
 
-.jp-connect-illo img.jetpack-logo {
+.jp-connect-illo .jetpack-logo {
   margin-bottom: 2.25rem;
 }
 
 @media (max-width: 530px) {
-  .jp-connect-illo img.jetpack-logo {
+  .jp-connect-illo .jetpack-logo {
     margin-left: 0;
   }
 }
@@ -474,4 +490,8 @@ https://github.com/thoughtbot/bourbon
   border-color: #008b1d;
 }
 
+.jp-banner__button-container .dops-button.is-primary:focus {
+  box-shadow: 0 0 0 1px white, 0 0 0 3px #008b1d;
+}
+
 /*# sourceMappingURL=jetpack-banners.css.map */