From 77240b0eec7f22c4bee23f7a74830edfad29c254 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 10 Feb 2019 23:03:05 -0500
Subject: [PATCH] fine-tuned left-bar icons

---
 .../components/left-side-bar/left-side-bar.component.html  | 3 ++-
 .../components/left-side-bar/left-side-bar.component.scss  | 6 ++++--
 .../components/left-side-bar/left-side-bar.component.ts    | 7 +++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/components/left-side-bar/left-side-bar.component.html b/src/app/components/left-side-bar/left-side-bar.component.html
index 310d3f50..a5840902 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.html
+++ b/src/app/components/left-side-bar/left-side-bar.component.html
@@ -1,6 +1,7 @@
 <div class="left-bar">
     <a class="left-bar-button left-bar-button--status left-bar-link" href title="write new message" (click)="createNewStatus()" *ngIf="hasAccounts">
-        <ion-icon name="md-send"></ion-icon>
+        <fa-icon [icon]="faCommentAlt"></fa-icon>
+        <!-- <ion-icon name="md-send"></ion-icon> -->
     </a>
     <a class="left-bar-button left-bar-button--search left-bar-link" href title="search" (click)="openSearch()" *ngIf="hasAccounts">
         <ion-icon name="md-search"></ion-icon>
diff --git a/src/app/components/left-side-bar/left-side-bar.component.scss b/src/app/components/left-side-bar/left-side-bar.component.scss
index 4bc39ed3..5ac86e38 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.scss
+++ b/src/app/components/left-side-bar/left-side-bar.component.scss
@@ -25,10 +25,12 @@ $height-button: 40px;
     transition: all .2s;
     // outline: 1px dotted greenyellow;
     &--status {
-        padding: 5px 0 0 10px;
+        font-size: 26px;
+        padding: 5px 0 0 12px;
     }
     &--search {
-        padding: 0 0 0 9px;
+        font-size: 28px;
+        padding: 0 0 0 11px;
     }
     &--add {
         padding: 0 0 0 12px;
diff --git a/src/app/components/left-side-bar/left-side-bar.component.ts b/src/app/components/left-side-bar/left-side-bar.component.ts
index 9b7f2dc7..24341533 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.ts
+++ b/src/app/components/left-side-bar/left-side-bar.component.ts
@@ -1,10 +1,11 @@
 import { Component, OnInit, OnDestroy } from "@angular/core";
-import { Subscription, BehaviorSubject, Observable } from "rxjs";
+import { Subscription, Observable } from "rxjs";
 import { Store } from "@ngxs/store";
+import { faCommentAlt } from "@fortawesome/free-regular-svg-icons";
 
 import { Account } from "../../services/models/mastodon.interfaces";
 import { AccountWrapper } from "../../models/account.models";
-import { AccountsStateModel, AccountInfo, SelectAccount } from "../../states/accounts.state";
+import { AccountInfo, SelectAccount } from "../../states/accounts.state";
 import { NavigationService, LeftPanelType } from "../../services/navigation.service";
 import { MastodonService } from "../../services/mastodon.service";
 
@@ -15,6 +16,8 @@ import { MastodonService } from "../../services/mastodon.service";
     styleUrls: ["./left-side-bar.component.scss"]
 })
 export class LeftSideBarComponent implements OnInit, OnDestroy {
+    faCommentAlt = faCommentAlt;
+
     accounts: AccountWrapper[] = [];
     hasAccounts: boolean;
     private accounts$: Observable<AccountInfo[]>;