enhance accessibility on buttons

src/app/components/create-status/create-status.component.scss

@@ -148,6 +148,11 @@ $counter-width: 90px;
                 background-color: darken($status-editor-footer-background, 20%);
             }
 
+            outline: inherit;
+            &:focus {
+                background-color: darken($status-editor-footer-background, 20%);
+            }
+
             & span {
                 margin: 0;
                 padding: 0;

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

@@ -17,7 +17,8 @@
         </div>
     </div>
     <div>
-        <button (click)="delete()" class="stream-edition__button stream-edition__button--delete" title="remove column">
+        <button (click)="delete()"
+            class="stream-edition__button stream-edition__button--delete" title="remove column" >
             <fa-icon [icon]="faTimes"></fa-icon> <span class="stream-edition__button--delete--label">remove</span>
         </button>
 
@@ -26,7 +27,8 @@
             title="move right">
             <fa-icon [icon]="faChevronRight"></fa-icon>
         </button>
-        <button (click)="moveLeft()" class="stream-edition__button stream-edition__button--move" title="move left">
+        <button (click)="moveLeft()"
+            class="stream-edition__button stream-edition__button--move" title="move left">
             <fa-icon [icon]="faChevronLeft"></fa-icon>
         </button>
     </div>

src/sass/_mixins.scss

@@ -13,5 +13,5 @@
     padding: 0;
     font: inherit; 
     cursor: pointer;
-    outline: inherit;
+    // outline: inherit;    
 }