ui - redesign - sendTransaction

2 files changed, 35 insertions, 36 deletions

diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 860491a3d..75f434da6 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -21,7 +21,7 @@ html, body {
   background: #F7F7F7;
 }
 
-input:focus {
+input:focus, textarea:focus {
   outline: none;
 }
 
@@ -36,7 +36,7 @@ button {
   font-family: 'Transat Black';
   outline: none;
   cursor: pointer;
-  margin: 10px;
+  /*margin: 10px;*/
   padding: 8px 12px;
   border: none;
   background: #F7861C;
@@ -52,16 +52,6 @@ button:active {
   transform: scale(0.95);
 }
 
-/*input, textarea {
-  width: 300px;
-  padding: 6px;
-  border-radius: 6px;
-  border-style: solid;
-  outline: none;
-  border: 1px solid #F5A623;
-  background: #FAF6F0;
-}*/
-
 a {
   text-decoration: none;
   color: inherit;
@@ -80,7 +70,6 @@ app
 }
 
 button.primary {
-  margin: 10px;
   padding: 8px 12px;
   background: #F7861C;
   box-shadow: 0px 3px 6px rgba(247, 134, 28, 0.36);
@@ -234,32 +223,43 @@ app sections
 
 .unlock-screen input[type=password] {
   width: 260px;
-  height: 36px;
+  /*height: 36px;
   margin-bottom: 24px;
-  padding: 8px;
+  padding: 8px;*/
 }
 
 /* Webkit */
-.password-box::-webkit-input-placeholder {
+.unlock-screen input::-webkit-input-placeholder {
   text-align: center;
   font-size: 1.2em;
 }
 /* Firefox 18- */
-.password-box:-moz-placeholder {
+.unlock-screen input:-moz-placeholder {
   text-align: center;
   font-size: 1.2em;
 }
 /* Firefox 19+ */
-.password-box::-moz-placeholder {
+.unlock-screen input::-moz-placeholder {
   text-align: center;
   font-size: 1.2em;
 }
 /* IE */
-.password-box:-ms-input-placeholder {
+.unlock-screen input:-ms-input-placeholder {
   text-align: center;
   font-size: 1.2em;
 }
 
+input.large-input, textarea.large-input {
+  /*margin-bottom: 24px;*/
+  padding: 8px;
+}
+
+input.large-input {
+  height: 36px;
+}
+
+
+
 /* accounts */
 
 .accounts-section {
@@ -369,3 +369,19 @@ app sections
   background: #FAF6F0;
 }
 
+/* Send Screen */
+
+.send-screen {
+
+}
+
+.send-screen section {
+  margin: 8px 16px;
+}
+
+.send-screen input {
+  width: 100%;
+  font-size: 12px;
+  letter-spacing: 0.1em;
+}
+
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index c366a5d5f..60c56422d 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -151,23 +151,6 @@
   font-size: 1.2em;
 }
 
-/* Send Screen */
-.send-screen {
-  margin: 0 20px;
-}
-.send-screen section {
-  margin: 7px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-.send-screen details {
-  width: 100%;
-}
-.send-screen section input {
-  width: 100%;
-}
-
 hr.horizontal-line {
   display: block;
   height: 1px;