From d6116aaf57e4d27694c2c5a21b6fabb24f072508 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Mon, 21 Aug 2017 16:59:00 -0700
Subject: [WIP] Tweak Send Screen Styles

---
 ui/app/css/itcss/components/index.scss    |  3 +++
 ui/app/css/itcss/components/sections.scss | 11 -----------
 ui/app/css/itcss/components/send.scss     | 30 ++++++++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 11 deletions(-)
 create mode 100644 ui/app/css/itcss/components/send.scss

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss
index ebcd0dba6..0733c47a1 100644
--- a/ui/app/css/itcss/components/index.scss
+++ b/ui/app/css/itcss/components/index.scss
@@ -12,6 +12,9 @@
 
 @import './account-dropdown.scss';
 
+@import './send.scss';
+
+
 // Balances
 @import './hero-balance.scss';
 
diff --git a/ui/app/css/itcss/components/sections.scss b/ui/app/css/itcss/components/sections.scss
index c49fc617e..44ec3e862 100644
--- a/ui/app/css/itcss/components/sections.scss
+++ b/ui/app/css/itcss/components/sections.scss
@@ -283,17 +283,6 @@ textarea.twelve-word-phrase {
   background: #faf6f0;
 }
 
-/* Send Screen */
-
-.send-screen section {
-  margin: 4px 16px;
-}
-
-.send-screen input {
-  width: 100%;
-  font-size: 12px;
-}
-
 /* Ether Balance Widget */
 
 .ether-balance-amount {
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
new file mode 100644
index 000000000..91cbfc7dd
--- /dev/null
+++ b/ui/app/css/itcss/components/send.scss
@@ -0,0 +1,30 @@
+.send-screen-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-width: 355px;
+  // width: 50%;
+  z-index: 50; //TODO
+  position: absolute;
+  top: 40px;
+  // height: 65%;
+}
+
+.send-screen-card {
+  display: flex;
+  flex-direction: column;
+  margin-left: 3.5%;
+  margin-right: 3.5%;
+  background: $white;
+  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
+}
+
+/* Send Screen */
+
+.send-screen section {
+  margin: 4px 16px;
+}
+
+.send-screen input {
+  width: 100%;
+  font-size: 12px;
+}
-- 
cgit