From 5105633fa44d304615d69c5c362e7bbdae7581db Mon Sep 17 00:00:00 2001
From: Vincent Salucci <26154748+vincentsalucci@users.noreply.github.com>
Date: Fri, 4 Feb 2022 13:49:44 -0600
Subject: [PATCH] [Icons] Fix button icon/text margins (#1443)

---
 src/app/organizations/vault/vault.component.html | 2 +-
 src/app/send/send.component.html                 | 4 ++--
 src/app/vault/ciphers.component.html             | 2 +-
 src/app/vault/vault.component.html               | 2 +-
 src/scss/base.scss                               | 4 ++++
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/organizations/vault/vault.component.html b/src/app/organizations/vault/vault.component.html
index 8f5aee0643..3362a20515 100644
--- a/src/app/organizations/vault/vault.component.html
+++ b/src/app/organizations/vault/vault.component.html
@@ -37,7 +37,7 @@
           </app-vault-bulk-actions>
           <button
             type="button"
-            class="btn btn-outline-primary btn-sm ml-3"
+            class="btn btn-outline-primary btn-sm ml-auto"
             (click)="addCipher()"
             *ngIf="!deleted"
           >
diff --git a/src/app/send/send.component.html b/src/app/send/send.component.html
index a3a2919bf0..a27f7d02e5 100644
--- a/src/app/send/send.component.html
+++ b/src/app/send/send.component.html
@@ -60,7 +60,7 @@
         <div class="ml-auto d-flex">
           <button
             type="button"
-            class="btn btn-outline-primary btn-sm ml-3"
+            class="btn btn-outline-primary btn-sm"
             (click)="addSend()"
             [disabled]="disableSend"
           >
@@ -177,7 +177,7 @@
         </ng-container>
         <ng-container *ngIf="loaded">
           <p>{{ "noSendsInList" | i18n }}</p>
-          <button (click)="addSend()" class="btn btn-outline-primary ml-3" [disabled]="disableSend">
+          <button (click)="addSend()" class="btn btn-outline-primary" [disabled]="disableSend">
             <i class="bwi bwi-plus bwi-fw"></i>{{ "createSend" | i18n }}
           </button>
         </ng-container>
diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html
index 90d816df9e..f36366b5a2 100644
--- a/src/app/vault/ciphers.component.html
+++ b/src/app/vault/ciphers.component.html
@@ -184,7 +184,7 @@
     </ng-container>
     <ng-container *ngIf="loaded">
       <p>{{ "noItemsInList" | i18n }}</p>
-      <button (click)="addCipher()" class="btn btn-outline-primary ml-3" *ngIf="showAddNew">
+      <button (click)="addCipher()" class="btn btn-outline-primary" *ngIf="showAddNew">
         <i class="bwi bwi-plus bwi-fw"></i>{{ "addItem" | i18n }}
       </button>
     </ng-container>
diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 069a2f36d8..bf86bd45cf 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -34,7 +34,7 @@
           </app-vault-bulk-actions>
           <button
             type="button"
-            class="btn btn-outline-primary btn-sm ml-3"
+            class="btn btn-outline-primary btn-sm"
             (click)="addCipher()"
             *ngIf="!deleted"
           >
diff --git a/src/scss/base.scss b/src/scss/base.scss
index c817bbf10e..d666fe4aee 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -292,3 +292,7 @@ code {
     color: themed("textMuted") !important;
   }
 }
+
+button i.bwi {
+  margin-right: 0.25rem;
+}