chore: Improve button component styles (#1996)

2021-04-07 11:43:16 +05:30
parent dbb41c12a2
commit 7a890e543a
10 changed files with 37 additions and 34 deletions
--- a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
@@ -50,8 +50,9 @@
        </div>
      </div>
      <woot-button
-        class="clear edit-contact"
-        variant="primary small"
+        class="edit-contact"
+        variant="clear"
+        size="small"
        @click="toggleEditModal"
      >
        {{ $t('EDIT_CONTACT.BUTTON_LABEL') }}
@@ -165,8 +166,6 @@ export default {
 }

 .edit-contact {
-  padding: 0 var(--space-slab);
  margin-left: var(--space-slab);
-  margin-top: var(--space-smaller);
 }
 </style>