diff --git a/src/pages/tell/tell.html b/src/pages/tell/tell.html
index 3c5ea5e..050cea8 100644
--- a/src/pages/tell/tell.html
+++ b/src/pages/tell/tell.html
@@ -25,15 +25,15 @@
Display name
-
+
About you
-
+
Your schtick with #gays
-
+
Submit
diff --git a/src/pages/tell/tell.scss b/src/pages/tell/tell.scss
index 3dbe953..cc630ee 100644
--- a/src/pages/tell/tell.scss
+++ b/src/pages/tell/tell.scss
@@ -1,10 +1,30 @@
page-tell-your-story {
+ .item.item-block {
+ padding-left: 0;
+ }
+
+ .input-wrapper {
+ align-items: flex-start;
+ }
+
.label {
+ font-size: 1.2rem;
font-weight: 700;
+ margin-bottom: 4px;
+ text-align: left;
+ }
+
+ ion-input, ion-textarea {
+
+ &::placeholder {
+ color: #94949D;
+ font-size: 0.8rem;
+ }
}
.file-upload-wrapper {
+ text-align: left;
.upload-trigger {
border: 0.2rem solid #94949D;
@@ -12,7 +32,14 @@ page-tell-your-story {
display: block;
font-size: 7.8rem;
height: 9.8rem;
+ text-align: left;
width: 9.8rem;
+
+ ion-icon {
+ left: 50%;
+ position: relative;
+ transform: translate3d(-50%, 0, 0);
+ }
}
input {
@@ -22,5 +49,6 @@ page-tell-your-story {
.button.button-block {
background-color: #fdb315;
+ color: #191b1c;
}
}