diff --git a/src/app/app.scss b/src/app/app.scss
index 02b2d3f..a026cac 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -19,7 +19,7 @@ body {
font-family: 'Lato', sans-serif;
}
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .title, .title.toolbar-title {
font-family: 'Anonymous Pro', monospace;
}
@@ -27,7 +27,7 @@ ion-toolbar {
color: #fff;
.toolbar-background {
- background-color: #000000;
+ background-color: #050505;
}
.bar-button,
@@ -61,7 +61,7 @@ ion-title {
.tabs {
.tabbar {
- background-color: #090a0a;
+ background-color: #050505;
}
.tab-button {
diff --git a/src/pages/chat/chat.html b/src/pages/chat/chat.html
index ec7e420..1cd7bfc 100644
--- a/src/pages/chat/chat.html
+++ b/src/pages/chat/chat.html
@@ -13,7 +13,7 @@
- {{message.text}}
+ {{message.text}}
diff --git a/src/pages/chat/chat.scss b/src/pages/chat/chat.scss
index de38e2e..ea077b1 100644
--- a/src/pages/chat/chat.scss
+++ b/src/pages/chat/chat.scss
@@ -1,5 +1,9 @@
page-chat {
+ .title {
+ text-align: left;
+ }
+
.toolbar-title {
.title-profile-avatar {
@@ -12,13 +16,16 @@ page-chat {
.message-bubble {
background-color: #fdb315;
border-radius: 0.5rem;
- font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
- line-height: 1.5;
+ line-height: 1.8;
margin: 1rem 1rem 2.5rem auto;
max-width: 75%;
+ min-height: 0;
+ min-width: none;
overflow: visible;
padding: 0.75rem;
position: relative;
+ width: -webkit-fit-content;
+ width: fit-content;
&.is-user {
background-color: #6fbedf;
diff --git a/src/pages/grid/grid.html b/src/pages/grid/grid.html
index 55f7c66..b774e3f 100644
--- a/src/pages/grid/grid.html
+++ b/src/pages/grid/grid.html
@@ -1,6 +1,6 @@
- Looking
+ looking
diff --git a/src/pages/grid/grid.scss b/src/pages/grid/grid.scss
index 7356f28..eb26d9e 100644
--- a/src/pages/grid/grid.scss
+++ b/src/pages/grid/grid.scss
@@ -7,7 +7,6 @@ page-grid {
font-size: 2.42em;
font-weight: 700;
line-height: 1.29;
- text-decoration: underline;
}
}
diff --git a/src/pages/information/information.html b/src/pages/information/information.html
index cc5daf6..cacb4fd 100644
--- a/src/pages/information/information.html
+++ b/src/pages/information/information.html
@@ -1,10 +1,6 @@
-
-
-
+ looking
diff --git a/src/pages/information/information.scss b/src/pages/information/information.scss
index 59c8e14..90c6581 100644
--- a/src/pages/information/information.scss
+++ b/src/pages/information/information.scss
@@ -1,5 +1,15 @@
page-information {
+ ion-toolbar {
+
+ .toolbar-title {
+ color: #ffffff;
+ font-size: 2.42em;
+ font-weight: 700;
+ line-height: 1.29;
+ }
+ }
+
.content-box {
background-color: #ffffff;
color: #000000;
diff --git a/src/pages/information/information.ts b/src/pages/information/information.ts
index 451d84a..8ddcc4f 100644
--- a/src/pages/information/information.ts
+++ b/src/pages/information/information.ts
@@ -14,7 +14,7 @@ export class InformationPage {
}
ionViewWillEnter() {
- this.tabNavEl.style.display = 'none';
+ this.tabNavEl.style.display = 'flex';
}
close(event) {
diff --git a/src/pages/messages/messages.html b/src/pages/messages/messages.html
index 4b8fe02..b7d4395 100644
--- a/src/pages/messages/messages.html
+++ b/src/pages/messages/messages.html
@@ -1,6 +1,6 @@
- Looking
+ looking
diff --git a/src/pages/messages/messages.scss b/src/pages/messages/messages.scss
index 64d86be..7f96b6f 100644
--- a/src/pages/messages/messages.scss
+++ b/src/pages/messages/messages.scss
@@ -7,7 +7,6 @@ page-messages {
font-size: 2.42em;
font-weight: 700;
line-height: 1.29;
- text-decoration: underline;
}
}
diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss
index 05cace5..90139e4 100644
--- a/src/pages/profile/profile.scss
+++ b/src/pages/profile/profile.scss
@@ -11,7 +11,6 @@ page-profile {
}
ion-toolbar {
- border-bottom: 1px solid #ffffff;
transition: opacity 250ms 125ms ease-in-out;
&.hidden {
@@ -23,6 +22,10 @@ page-profile {
background-color: rgba(0, 0, 0, 1);
}
+ .title {
+ text-align: left;
+ }
+
.bar-button,
.toolbar-title {
color: #ffffff;
diff --git a/src/pages/tell/tell.html b/src/pages/tell/tell.html
index 050cea8..3ddddc7 100644
--- a/src/pages/tell/tell.html
+++ b/src/pages/tell/tell.html
@@ -32,7 +32,7 @@
- Your schtick with #gays
+ What is your your experience dating in the LGBT community?
diff --git a/src/pages/tell/tell.scss b/src/pages/tell/tell.scss
index 70b9314..f9c3314 100644
--- a/src/pages/tell/tell.scss
+++ b/src/pages/tell/tell.scss
@@ -1,24 +1,27 @@
page-tell-your-story {
+ .title {
+ text-align: left;
+ }
+
.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;
+ .label {
+ font-size: 0.9em;
+ font-weight: 700;
+ margin-bottom: 4px;
+ text-align: left;
+ }
}
ion-input, ion-textarea {
input, textarea {
- font-size: 0.8rem;
&::placeholder,
&::-webkit-input-placeholder,
@@ -55,4 +58,15 @@ page-tell-your-story {
color: #191b1c;
}
}
+
+ .item-input-has-focus .label-md[stacked],
+ .input-has-focus .label-md[stacked] {
+ color: #fdb315;
+ }
+
+ .item-md.item-input.item-input-has-focus .item-inner,
+ .item-md.item-input.input-has-focus .item-inner {
+ border-bottom-color: #fdb315;
+ box-shadow: inset 0 -1px 0 0 #fdb315;
+ }
}
diff --git a/src/pages/users/users.html b/src/pages/users/users.html
index d9a8c36..89c8397 100644
--- a/src/pages/users/users.html
+++ b/src/pages/users/users.html
@@ -1,6 +1,6 @@
- Looking
+ looking
diff --git a/src/pages/users/users.scss b/src/pages/users/users.scss
index 980c8a1..4e0a6e8 100644
--- a/src/pages/users/users.scss
+++ b/src/pages/users/users.scss
@@ -7,7 +7,6 @@ page-users {
font-size: 2.42em;
font-weight: 700;
line-height: 1.29;
- text-decoration: underline;
}
}