fix overlay content sizing

src/app/components/stream/hashtag/hashtag.component.scss

@@ -44,7 +44,7 @@ $inner-column-size: 320px;
 
 .hashtag-stream {
     display: block;
-    height: calc(100% - #{$hashtag-header-height} - 30px);
+    height: calc(100% - #{$hashtag-header-height});
     width: $inner-column-size;
     // outline: 1px greenyellow solid;
 }

src/app/components/stream/stream-overlay/stream-overlay.component.html

@@ -7,14 +7,17 @@
     </div>
     
     <app-user-profile #appUserProfile *ngIf="accountName" [currentAccount]="accountName" 
+        class="stream-overlay__content"
         (browseAccountEvent)="browseAccount($event)" 
         (browseHashtagEvent)="browseHashtag($event)"
         (browseThreadEvent)="browseThread($event)"></app-user-profile>
     <app-hashtag #appHashtag *ngIf="hashtagElement" [hashtagElement]="hashtagElement" 
+        class="stream-overlay__content"
         (browseAccountEvent)="browseAccount($event)" 
         (browseHashtagEvent)="browseHashtag($event)"
         (browseThreadEvent)="browseThread($event)"></app-hashtag>
-    <app-thread #appThread *ngIf="browseThread" [currentThread]="thread"
+    <app-thread #appThread *ngIf="browseThread" [currentThread]="thread" 
+        class="stream-overlay__content"
         (browseAccountEvent)="browseAccount($event)"
         (browseHashtagEvent)="browseHashtag($event)"
         (browseThreadEvent)="browseThread($event)"></app-thread>

src/app/components/stream/stream-overlay/stream-overlay.component.scss

@@ -1,12 +1,16 @@
 @import "variables";
 @import "commons";
+
+
+$header-content: 30px;
+
 .stream-overlay {
     // width: $stream-column-width;
     height: calc(100%);
     background-color: $column-color; 
     &__header {
         width: calc(100%);
-        height: 30px;
+        height: $header-content;
         background-color: $column-header-background-color;
         padding: 6px 10px 0 10px;
         & a {
@@ -15,6 +19,12 @@
             font-weight: normal;        
         }
     }
+    &__content {
+        display: block;
+        width: calc(100%);
+        height: calc(100% - #{$header-content});
+    }
+
     &__title {
         width: calc(100%);
         height: 30px;

src/app/components/stream/user-profile/user-profile.component.scss

@@ -5,7 +5,7 @@ $header-height: 160px;
 
 .profile {
     // overflow: auto;
-    height: calc(100% - 30px);
+    height: calc(100%);
 
     &-header {
         background-size: cover;