From b029a13f80dcf0c19ffbb985fa88e342fd9ba66c Mon Sep 17 00:00:00 2001
From: gkrishnan724 <gkrishnan724@gmail.com>
Date: Tue, 14 Mar 2017 20:33:02 +0530
Subject: [PATCH] Reskin: Fix #2096 - Misalignment of fields in modify savings
 application

---
 app/styles-dev/main/components/_report.scss | 112 +++++++++++++++-
 app/styles-dev/styles.scss                  |   1 +
 app/styles/styles.css                       | 140 ++++++++++++++++++++
 3 files changed, 251 insertions(+), 2 deletions(-)

diff --git a/app/styles-dev/main/components/_report.scss b/app/styles-dev/main/components/_report.scss
index 99aa712f..9475a01a 100644
--- a/app/styles-dev/main/components/_report.scss
+++ b/app/styles-dev/main/components/_report.scss
@@ -26,15 +26,123 @@
 .width8 {
     width: 8%;
 }
+.width5{
+  width: 5%;
+}
+.width10{
+  width: 10%;
+}
+.width12{
+  width: 12%;
+}
+.width14{
+  width: 14%;
+}
+.width19{
+  width: 19%;
+}
+.width31{
+  width: 31%;
+}
+.width34{
+  width: 34%;
+}
+.width36{
+  width: 36%;
+}
+.width40{
+  width: 40%;
+}
+.width45{
+  width: 45%;
+}
+.width50{
+  width: 50%;
+}
+.width60{
+  width: 60%;
+}
+.width80{
+  width: 80%;
+}
+.width500px{
+  min-width: 500px !important;
+  width: auto;
+}
 
 .minheight30px{
     min-height: 30px;
 }
 
-.paddedbottom10 {
-    padding-bottom: 10px;
+.paddedleft120 {
+  padding-left: 12%;
 }
 
+.paddedleft90 {
+  padding-left: 9%;
+}
+
+.paddingleft0px {
+  padding-left: 0px;
+}
+
+.paddedleft75{
+  padding-left: 75%;
+}
+
+.paddedleft72px{
+  padding-left: 72px;
+}
+
+.paddedleft60px{
+  padding-left: 60px;
+}
+
+.paddedleft30px {
+  padding-left: 30px;
+}
+
+.paddedleft80 {
+  padding-left: 8%;
+}
+
+.paddedleft {
+  padding-left: 20px;
+}
+.paddedleftn20px {
+  padding-left: -20px;
+}
+.paddedleft0 {
+  padding-left: 15px;
+}
+
+.paddedtop {
+  padding-top: 10px;
+}
+
+.paddedtop25px {
+  padding-top: 25px;
+}
+
+.paddedtop10 {
+  padding-top: 40px;
+}
+
+.paddedtop60px {
+  padding-top: 60px;
+}
+
+.paddedbottom {
+  padding-bottom: 40px;
+}
+
+.paddedbottom10 {
+  padding-bottom: 10px;
+}
+
+.paddedbottom20 {
+  padding-bottom: 20px;
+}
 .blockquoteresult {
     margin: 0 0 20px;
     padding: 10px 15px;
diff --git a/app/styles-dev/styles.scss b/app/styles-dev/styles.scss
index b86429f0..34d2c63b 100644
--- a/app/styles-dev/styles.scss
+++ b/app/styles-dev/styles.scss
@@ -28,3 +28,4 @@ $state-success-text:#1abc9c;
 @import "./main/components/leftnav";
 @import "./main/components/chosen";
 @import "./main/components/notifications";
+@import "./main/components/report";
diff --git a/app/styles/styles.css b/app/styles/styles.css
index b391021a..4ec6a591 100644
--- a/app/styles/styles.css
+++ b/app/styles/styles.css
@@ -7898,3 +7898,143 @@ span.required {
     font-size: 14px;
     text-align: center;
     padding: 8px 5px; }
+
+.width170px {
+  min-width: 170px !important;
+  width: auto; }
+
+.width100 {
+  width: 100%; }
+
+.width86 {
+  width: 86%; }
+
+.width30 {
+  width: 30%; }
+
+.width20 {
+  width: 20%; }
+
+.width11 {
+  width: 11%; }
+
+.width8 {
+  width: 8%; }
+
+.width5 {
+  width: 5%; }
+
+.width10 {
+  width: 10%; }
+
+.width12 {
+  width: 12%; }
+
+.width14 {
+  width: 14%; }
+
+.width19 {
+  width: 19%; }
+
+.width31 {
+  width: 31%; }
+
+.width34 {
+  width: 34%; }
+
+.width36 {
+  width: 36%; }
+
+.width40 {
+  width: 40%; }
+
+.width45 {
+  width: 45%; }
+
+.width50 {
+  width: 50%; }
+
+.width60 {
+  width: 60%; }
+
+.width80 {
+  width: 80%; }
+
+.width500px {
+  min-width: 500px !important;
+  width: auto; }
+
+.minheight30px {
+  min-height: 30px; }
+
+.paddedleft120 {
+  padding-left: 12%; }
+
+.paddedleft90 {
+  padding-left: 9%; }
+
+.paddingleft0px {
+  padding-left: 0px; }
+
+.paddedleft75 {
+  padding-left: 75%; }
+
+.paddedleft72px {
+  padding-left: 72px; }
+
+.paddedleft60px {
+  padding-left: 60px; }
+
+.paddedleft30px {
+  padding-left: 30px; }
+
+.paddedleft80 {
+  padding-left: 8%; }
+
+.paddedleft {
+  padding-left: 20px; }
+
+.paddedleftn20px {
+  padding-left: -20px; }
+
+.paddedleft0 {
+  padding-left: 15px; }
+
+.paddedtop {
+  padding-top: 10px; }
+
+.paddedtop25px {
+  padding-top: 25px; }
+
+.paddedtop10 {
+  padding-top: 40px; }
+
+.paddedtop60px {
+  padding-top: 60px; }
+
+.paddedbottom {
+  padding-bottom: 40px; }
+
+.paddedbottom10 {
+  padding-bottom: 10px; }
+
+.paddedbottom20 {
+  padding-bottom: 20px; }
+
+.blockquoteresult {
+  margin: 0 0 20px;
+  padding: 10px 15px; }
+  .blockquoteresult.width86 select {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle; }
+
+.margintopminustenpx {
+  margin-top: -10px; }
+  .margintopminustenpx input {
+    margin-left: 0px; }
+
+.container td:first-child {
+  padding-left: 20px; }
+.container td:last-child {
+  padding-right: 20px; }