diff --git a/assets/styles/app.scss b/assets/styles/app.scss index faf5b1c..6e348e4 100644 --- a/assets/styles/app.scss +++ b/assets/styles/app.scss @@ -165,7 +165,12 @@ justify-content: center; align-items: center; + &:not(:last-child) { + margin-bottom: $block-spacing; + } + .status-spinner { + margin-top: 1.5rem; &:after { content: ''; display: block; @@ -177,7 +182,6 @@ } .status-message { - padding-bottom: 1.5rem; color: $primary; text-align: center; } diff --git a/pages/index.vue b/pages/index.vue index da1d8c8..284ab19 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -34,19 +34,23 @@ +
+
{{ status }}
+
+
+
Make the contribution -
- -
-
{{ status }}
-
+ Make the contribution + + + Tweet about your contribution +
@@ -63,6 +67,7 @@ export default { data() { return { isContributeBtnDisabled: false, + isContibutionCompleted: false, status: '', isLoggedIn: false } @@ -95,6 +100,7 @@ export default { if (resp.ok) { this.status = 'Your contribution is verified and recorded. THX BYE.' + this.isContibutionCompleted = true } else if (resp.status === 422) { if (retry < 3) { console.log(`Looks like someone else uploaded contribution ahead of us, retrying`)