Align button icons
- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: datepicker, clear search, and password toggle
- Moves title from icon to button for icon only buttons
- Aligns validation icon with form input buttons
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d
diff --git a/src/views/Control/SerialOverLan/SerialOverLanConsole.vue b/src/views/Control/SerialOverLan/SerialOverLanConsole.vue
index 2b49562..a0e4787 100644
--- a/src/views/Control/SerialOverLan/SerialOverLanConsole.vue
+++ b/src/views/Control/SerialOverLan/SerialOverLanConsole.vue
@@ -13,14 +13,8 @@
</b-col>
<b-col v-if="!isFullWindow" class="d-flex justify-content-end">
- <b-button
- variant="link"
- type="button"
- class="pr-0 button-launch"
- @click="openConsoleWindow()"
- >
- <icon-launch aria-hidden="true" />
-
+ <b-button variant="link" type="button" @click="openConsoleWindow()">
+ <icon-launch />
{{ $t('pageSerialOverLan.openNewTab') }}
</b-button>
</b-col>