diff --git a/src/sass/views/confirm.scss b/src/sass/views/confirm.scss
index 00f4f0f20..127a13c5e 100644
--- a/src/sass/views/confirm.scss
+++ b/src/sass/views/confirm.scss
@@ -28,3 +28,34 @@
// margin-right: 20px;
// }
// }
+
+#view-confirm {
+ $border-color: #EFEFEF;
+ height: auto;
+ .wallet-selector {
+ .wallet {
+ border: 0;
+ padding-right: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-bottom: 1px;
+ }
+ .wallet-details {
+ position: relative;
+ padding-top: 16px;
+ padding-bottom: 16px;
+
+ &::after {
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 1px;
+ //background: rgba(221, 221, 221, 0.3);
+ background: $border-color;
+ bottom: 0;
+ right: 0;
+ content: '';
+ }
+ }
+ }
+}
diff --git a/src/sass/views/includes/actionSheet.scss b/src/sass/views/includes/actionSheet.scss
index 174c63671..9b482cac0 100644
--- a/src/sass/views/includes/actionSheet.scss
+++ b/src/sass/views/includes/actionSheet.scss
@@ -1,9 +1,10 @@
action-sheet {
.bp-action-sheet {
+ $border-color: #EFEFEF;
&__sheet {
background: #fff;
- height: 300px;
+ //height: 300px;
width: 100%;
position: fixed;
bottom: 0;
@@ -11,6 +12,11 @@ action-sheet {
transform: translateY(100%);
transition: transform 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
z-index: 100;
+ padding-top: 1.75rem;
+ padding-left: 2rem;
+ padding-right: .75rem;
+ color: #2f2f2f;
+ padding-bottom: 2rem;
&.slide-up {
transform: translateY(0);
@@ -18,11 +24,16 @@ action-sheet {
}
.back-arrow {
- padding: 1rem;
- padding-top: 1.5rem;
- padding-left: 2rem;
+ padding-bottom: 1rem;
cursor: pointer;
}
+
+ .header {
+ font-weight: 600;
+ padding-bottom: 1rem;
+ border-bottom: 1px solid $border-color;
+ margin-bottom: 1px;
+ }
}
&__backdrop {
diff --git a/www/views/confirm.html b/www/views/confirm.html
index dcbf0ce33..4fb7dbc1b 100644
--- a/www/views/confirm.html
+++ b/www/views/confirm.html
@@ -79,8 +79,25 @@
Payment Sent
Proposal Created
-
-
+
+
+
+
+
+
+
+
+ {{wallet.name}}
+
+
+
+ 0.00 BTC
+
+
+
+
+
+