Commit 576e0e41 authored by MrMan's avatar MrMan

Resolves #30, Added "keep searching" text to recs page

- Also change styling for bottom buttons on preferences to match
parent fe2db22d
Pipeline #2498844 skipped
......@@ -230,22 +230,24 @@ class PreferencesPage extends React.Component {
</div>
</div>
<div className="abs pinned-to-bottom full-width">
<div className="pinned-to-bottom page-bottom-controls">
<div className="pure-g">
<div className="pure-u-1-2">
<button type="submit"
className="pure-button button-success full-width squared"
className="pure-u-1 pure-button button-success button-lg squared"
onClick={this.updatePreferences.bind(this)}>
<i className="fa fa-save"></i> {this.i18n`pages.preferences.updatePreferences`}
<div><i className="fa fa-save"></i></div>
<div className="center-aligned-text small-text">{this.i18n`pages.preferences.updatePreferences`}</div>
</button>
</div>
<div className="pure-u-1-2">
<button type="button"
className="pure-button full-width squared"
className="pure-u-1 pure-button button-lg squared"
onClick={this.resetPreferences.bind(this)}>
<i className="fa fa-trash"></i> {this.i18n`pages.preferences.undoChanges`}
<div><i className="fa fa-trash"></i></div>
<div className="center-aligned-text small-text">{this.i18n`pages.preferences.undoChanges`}</div>
</button>
</div>
......
......@@ -124,17 +124,19 @@ class RecsPage extends React.Component {
{detailFragment}
<div className="pinned-to-bottom recs-page-controls">
<div className="pinned-to-bottom page-bottom-controls">
<div className="pure-g">
<div className="pure-u-1-2">
<button onClick={this.pass.bind(this)} className="pure-u-1 pure-button button-lg squared button-error">
<i className="fa fa-binoculars"></i>
<div><i className="fa fa-binoculars"></i></div>
<div className="center-aligned-text small-text">{this.i18n`pages.recs.keepSearching`}</div>
</button>
</div>
<div className="pure-u-1-2">
<button onClick={this.like.bind(this)} className="pure-u-1 pure-button button-lg squared button-success">
<i className="fa fa-heart"></i>
<div><i className="fa fa-heart"></i></div>
<div className="center-aligned-text small-text">{this.i18n`pages.recs.interested`}</div>
</button>
</div>
</div>
......
......@@ -40,8 +40,8 @@ export default {
locationSectionHeading: "Location",
fromGPS: "From GPS",
customLocation: "Custom Location",
updatePreferences: "Update",
undoChanges: "Reset changes",
updatePreferences: "Update preferences",
undoChanges: "Undo changes",
inbetweenAges: "to"
},
login: {
......@@ -55,7 +55,9 @@ export default {
managePrefs: "Manage Preferences",
friendsInCommon: "{} friends in common",
commonInterests: "{} common interests",
lastActive: "last active"
lastActive: "last active",
keepSearching: "Keep Searching",
interested: "Interested"
},
matches: {
pageSubtitle: "Talk with your matches",
......
......@@ -94,9 +94,14 @@ body {
text-shadow: 0px 1px 1px black;
}
.recs-page-controls {
.page-bottom-controls {
width: 100%;
height: 44px;
height: 4em;
}
.page-bottom-controls button {
padding-top: 0;
min-height: 4em;
}
.recs-page-header {
......@@ -283,6 +288,9 @@ span.large {
font-size: 1.5em;
}
.small-text { font-size: small; }
.smaller-text { font-size: smaller; }
.pinned-to-bottom {
position: fixed;
bottom: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment