fixes: #138

src/app/components/feed/feed.component.html

@@ -49,7 +49,7 @@ infinite-scroll
 <div id="complete-feed">
   <div id="feedlist">
     <feed-postlist [childPostList]="parentSelectedPostList"></feed-postlist>
-    <div style="height: 60px;" [hidden]='(!loadingNew && view === "new") || (!loadingMostLiked && view === "mostLiked") '>
+    <div style="height: 60px;" [hidden]='(!loadingNew && view === "new") || (!loadingMostLiked && view === "mostliked") '>
       <!--<mat-spinner *ngIf='loadingNew && view === "mostLiked"' style="margin:0 auto; margin-top: 2em;" diameter="50"></mat-spinner>-->
         <mat-spinner style="margin:0 auto; margin-top: 2em;" diameter="50"></mat-spinner>
     </div>

src/app/components/main-navigation/main-navigation.component.html

@@ -41,18 +41,18 @@
       <mat-icon svgIcon="logo" style="min-width: 35px;" routerLink="" class="link"></mat-icon>
       <span routerLink="" class="link">Greenvironment</span>
       <nav mat-tab-nav-bar backgroundColor="primary" fxShow="true" fxHide.lt-md="true" routerLinkActive #rla="">
-        <div [hidden]="!loggedIn">
+        <div *ngIf="loggedIn">
           <a mat-tab-link class="link"
           *ngFor="let link of navLinksLoggedIn"
           [routerLink]="link.path"
           (click)="activeLink = link"
           routerLinkActive #rla="routerLinkActive"
           [routerLinkActiveOptions]="{exact:true}"
-              [active]="activeLink == link">
+          [active]="rla.isActive">
             {{link.label}}
           </a>
         </div>
-          <div [hidden]="loggedIn">
+        <div *ngIf="!loggedIn">
           <a mat-tab-link class="link"
           *ngFor="let link of navLinks"
           [routerLink]="link.path"