spit shine!

2 files changed, 21 insertions, 20 deletions

diff --git a/templates/less/mixins.less b/templates/less/mixins.less
index 60e4136..02d590b 100644
--- a/templates/less/mixins.less
+++ b/templates/less/mixins.less
@@ -17,14 +17,19 @@
   display:         flex;
 }
 
-.flex-row() {
-  -webkit-direction: row;
-     flex-direction: row;
+.flex-shrink(@num) {
+  -webkit-flex-shrink: @num;
+          flex-shrink: @num;
 }
 
-.flex-col() {
-  -webkit-flex-direction: column;
-          flex-direction: column;
+.align-items(@alignment) {
+  -webkit-align-items: @alignment;
+          align-items: @alignment;
+}
+
+.flex-dir(@direction) {
+  -webkit-direction: @direction;
+     flex-direction: @direction;
 }
 
 .flex-order(@ord) {
diff --git a/templates/less/pages/reset-password.less b/templates/less/pages/reset-password.less
index 8b485ba..c18cca7 100644
--- a/templates/less/pages/reset-password.less
+++ b/templates/less/pages/reset-password.less
@@ -16,8 +16,9 @@
 .emailSent,
 .passwordResetSuccess {
   .flex();
-  .flex-row();
-  height: 160px;
+  .flex-dir("row");
+  .align-items("center");
+  height: 140px;
   width: 100%;
   max-width: 400px;
   background-color: #F9FDFF;
@@ -32,37 +33,32 @@
       color: #72AFDE;
     }
     .flex-order(1);
+    .flex-shrink(0);
     text-align: center;
     border: 2px solid #72AFDE;
     margin-right: 1rem;
-    width: 7rem;
+    width: 6rem;
     height: 6rem;
     border-radius: 2.5em;
   }
   .text {
-    .flex();
-    .flex-col();
+    .flex-dir("column");
     .flex-order(2);
-    p {
-      .flex();
-      .flex-order(2);
-      font-size: 15px;
-    }
     .emailSentHeader,
     .passwordResetHeader {
-      .flex();
       .flex-order(1);
       margin: 0;
       font-size: 20px;
       line-height: 30px;
       font-weight: lighter;
     }
+    p {
+      .flex-order(2);
+      font-size: 15px;
+    }
   }
 }
 
 .passwordResetSuccess {
   margin-bottom: 15px;
-  .passwordResetIcon {
-    margin-top: 10px;
-  }
 }