safari fixes

src/popup/scss/environment.scss

@@ -8,3 +8,15 @@ html.browser_firefox, html.browser_edge {
     }
 }
 */
+
+html.browser_safari {
+    header { 
+        .search .fa {
+            left: 25px;
+        }
+
+        .left + .search .fa {
+            left: 15px;
+        }
+    }
+}

src/popup/scss/misc.scss

@@ -90,6 +90,10 @@ p.lead {
     border-radius: 6px;
 }
 
+input[type="search"] {
+    -webkit-appearance: textfield;
+}
+
 .sr-only {
     position: absolute !important;
     width: 1px !important;

src/popup/vault/current-tab.component.html

@@ -1,5 +1,5 @@
 <header>
-    <div class="left">
+    <div class="left" *ngIf="showLeftHeader">
         <app-pop-out [show]="!inSidebar"></app-pop-out>
         <button type="button" appBlurClick (click)="refresh()" title="{{'refresh' | i18n}}" *ngIf="inSidebar">
             <i class="fa fa-retweet fa-lg fa-fw"></i>

src/popup/vault/current-tab.component.ts

@@ -43,7 +43,7 @@ export class CurrentTabComponent implements OnInit, OnDestroy {
     searchText: string;
     canAutofill = false;
     inSidebar = false;
-    disableSearch = false;
+    showLeftHeader = false;
     loaded = false;
     loadedTimeout: number;
 
@@ -52,12 +52,12 @@ export class CurrentTabComponent implements OnInit, OnDestroy {
         private analytics: Angulartics2, private toasterService: ToasterService,
         private i18nService: I18nService, private router: Router,
         private ngZone: NgZone, private broadcasterService: BroadcasterService,
-        private changeDetectorRef: ChangeDetectorRef, private syncService: SyncService) {
+        private changeDetectorRef: ChangeDetectorRef, private syncService: SyncService) {}
-        this.inSidebar = popupUtilsService.inSidebar(window);
-        this.disableSearch = platformUtilsService.isEdge();
-    }
 
     async ngOnInit() {
+        this.showLeftHeader = !this.platformUtilsService.isSafari();
+        this.inSidebar = this.popupUtilsService.inSidebar(window);
+
         this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
             this.ngZone.run(async () => {
                 switch (message.command) {

src/popup/vault/groupings.component.ts

@@ -78,7 +78,8 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
     }
 
     async ngOnInit() {
-        this.showLeftHeader = !(this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox());
+        this.showLeftHeader = !this.platformUtilsService.isSafari() &&
+            !(this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox());
         this.stateService.remove('CiphersComponent');
 
         this.broadcasterService.subscribe(ComponentId, (message: any) => {