Mobile - Footer

README.md

@@ -71,8 +71,8 @@ python manage.py compilemessages -l he
 
 **Client**
 
- 1. Build the project `ng build -o dist -prod --aot`.
- 2. Run `ng github-pages:deploy` to deploy to Github Pages or `...` to deploy to Firebase.
+ 1. Build the project `ng build --prod --aot` inside the `client` directory.
+ 2. Run `firebase deploy` to deploy to deploy to Firebase.
 
 **Server**
 

client/src/app/components/buzz/buzz.component.scss

@@ -7,6 +7,8 @@
 }
 
 .long-post {
+ margin-bottom: $footer-margin-bottom;
+
  .fb-page {
  margin-bottom: 10px;
  }

client/src/app/components/detail-post/detail-post.component.ts

@@ -16,7 +16,7 @@ import { SeoService } from '../../services/seo.service';
  styleUrls: ['./detail-post.component.scss']
 })
 export class DetailPostComponent implements OnInit, DoCheck {
- private correntId = '';
+ private currentId = '';
  private showSpinner: boolean = false;
  public detailPost$: DetailPost;
 
@@ -48,16 +48,16 @@ export class DetailPostComponent implements OnInit, DoCheck {
  }
 
  ngOnInit() {
- this.correntId = this.route.snapshot.params['uuid'];
- this.store.dispatch(new detailPostAction.LoadDetailPostAction(this.correntId));
+ this.currentId = this.route.snapshot.params['uuid'];
+ this.store.dispatch(new detailPostAction.LoadDetailPostAction(this.currentId));
  }
 
  ngDoCheck() {
  // Check if the url has changed, if it is, change the data (dispatch an action).
- if (this.correntId !== this.route.snapshot.params['uuid']) {
+ if (this.currentId !== this.route.snapshot.params['uuid']) {
  this.showSpinner = false;
- this.correntId = this.route.snapshot.params['uuid'];
- this.store.dispatch(new detailPostAction.LoadDetailPostAction(this.correntId));
+ this.currentId = this.route.snapshot.params['uuid'];
+ this.store.dispatch(new detailPostAction.LoadDetailPostAction(this.currentId));
  }
  }
 
@@ -87,7 +87,7 @@ export class DetailPostComponent implements OnInit, DoCheck {
  let game = {
  userID: response.authResponse.userID,
  accessToken: response.authResponse.accessToken,
- unique_id: this.correntId
+ unique_id: this.currentId
  };
  this.store.dispatch(new detailPostAction.LoadFacebookGamePostAction(game));
  }

client/src/app/components/footer/footer.component.scss

@@ -9,10 +9,20 @@ footer {
  p {
  text-align: center;
  margin: 0.5em 0;
+
+ @media (max-width: 768px) {
+ font-size: 14px;
+ }
  }
 
  a {
  text-decoration: none;
  color: #a7bac9;
  }
+
+ @media (max-width: 768px) {
+ .container {
+ padding: 0;
+ }
+ }
 }

client/src/app/components/recommendations/recommendations.component.scss

@@ -8,6 +8,7 @@
 
 .long-post {
  padding: 0;
+ margin-bottom: $footer-margin-bottom;
 
  .row {
  margin: 5px 0;