[Bug] Fix icon alignment in buttons (#360)

* Fix icon alignment in buttons

* Fix ordering
This commit is contained in:
Pranav Raj S 2019-12-13 15:26:14 +05:30 committed by Sojan Jose
parent 5b275ea157
commit 19852b60cd
5 changed files with 11 additions and 11 deletions

View file

@ -41,11 +41,6 @@ body {
.content-box {
overflow: scroll;
@include padding($space-normal);
.btn-fixed-right-top {
position: fixed;
top: $space-small;
right: $space-small;
}
}
.back-button {

View file

@ -4,7 +4,7 @@
padding-right: $space-normal;
i {
padding-right: $space-one;
padding-right: $space-small;
}
}
@ -25,7 +25,12 @@
}
> .icon {
font-size: $font-size-mini;
margin-right: $space-smaller;
font-size: $font-size-default;
}
}
.button--fixed-right-top {
position: fixed;
right: $space-small;
top: $space-small;
}

View file

@ -9,7 +9,7 @@
<router-link
v-if="showNewButton && showButton && currentRole"
:to="buttonRoute"
class="button icon success nice"
class="button icon success nice button--fixed-right-top"
>
<i class="icon ion-android-add-circle"></i>
{{ buttonText }}

View file

@ -1,7 +1,7 @@
<template>
<div class="column content-box">
<button
class="button nice icon success btn-fixed-right-top"
class="button nice icon success button--fixed-right-top"
@click="openAddPopup()"
>
<i class="icon ion-android-add-circle"></i>

View file

@ -1,7 +1,7 @@
<template>
<div class="column content-box">
<button
class="button nice icon success btn-fixed-right-top"
class="button nice icon success button--fixed-right-top"
@click="openAddPopup()"
>
<i class="icon ion-android-add-circle"></i>