removed placeholder for close button

src/app/components/floating-column/floating-column.component.html

@@ -5,7 +5,9 @@
         [browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
 
     <div class="floating-column__header">
-        <a class="close-button" href (click)="closePanel()" title="close">x</a>
+        <a class="close-button" href (click)="closePanel()" title="close">
+            <fa-icon [icon]="faTimes"></fa-icon>
+        </a>
     </div>
 
     <app-manage-account *ngIf="openPanel === 'manageAccount'" [account]="userAccountUsed"></app-manage-account>

src/app/components/floating-column/floating-column.component.scss

@@ -29,26 +29,32 @@
 }
 
 .close-button {
-    // display: inline-block;
-    background-color: $color-primary;
-    color: darken(white, 30);
-    border-radius: 999px;
-    width: 26px;
-    height: 26px;
-    text-align: center;
-    text-decoration: none;
-    padding: 1px;
-
-    z-index: 9999;
+    display: block;
     float: right;
-    margin: 10px;
+    font-size: 14px;
+    color: white;
+    margin: 10px 16px 0 0;
 
-    transition: all .2s;
+    // display: inline-block;
+    // background-color: $color-primary;
+    // color: darken(white, 30);
+    // border-radius: 999px;
+    // width: 26px;
+    // height: 26px;
+    // text-align: center;
+    // text-decoration: none;
+    // padding: 1px;
 
-    &:hover {
-        background-color: lighten($color-primary, 20);
-        color: white;
-        // transform: scale(1.2);
-    }
+    // z-index: 9999;
+    // float: right;
+    // margin: 10px;
+
+    // transition: all .2s;
+
+    // &:hover {
+    //     background-color: lighten($color-primary, 20);
+    //     color: white;
+    //     // transform: scale(1.2);
+    // }
     
 }

src/app/components/floating-column/floating-column.component.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { faTimes } from "@fortawesome/free-solid-svg-icons";
+
 import { NavigationService, LeftPanelType } from '../../services/navigation.service';
 import { AccountWrapper } from '../../models/account.models';
 import { OpenThreadEvent } from '../../services/tools.service';
@@ -9,6 +11,7 @@ import { OpenThreadEvent } from '../../services/tools.service';
     styleUrls: ['./floating-column.component.scss']
 })
 export class FloatingColumnComponent implements OnInit {
+    faTimes = faTimes;
     overlayActive: boolean;
     overlayAccountToBrowse: string;
     overlayHashtagToBrowse: string;

src/sass/_panel.scss

@@ -9,6 +9,6 @@
     &__title {
         font-size: 13px;
         text-transform: uppercase;
-        margin: 6px 0 12px 0;
+        margin: 4px 0 12px 5px;
     }
 }