Specify styles for buttons with plus icons

This commit is contained in:
Angelina Filippova 2020-01-25 02:43:22 +07:00
parent c22ebd1bff
commit cb47592525

View file

@ -9,8 +9,8 @@
<el-input :placeholder="$t('users.search')" v-model="search" class="search" @input="handleDebounceSearchInput"/> <el-input :placeholder="$t('users.search')" v-model="search" class="search" @input="handleDebounceSearchInput"/>
</div> </div>
<div class="actions-container"> <div class="actions-container">
<el-button class="actions-button create-account" @click="createAccountDialogOpen = true"> <el-button class="actions-button" @click="createAccountDialogOpen = true">
<span> <span class="create-account">
<i class="el-icon-plus"/> <i class="el-icon-plus"/>
{{ $t('users.createAccount') }} {{ $t('users.createAccount') }}
</span> </span>
@ -354,7 +354,7 @@ export default {
cursor: pointer; cursor: pointer;
color: #409EFF; color: #409EFF;
} }
.el-icon-plus { .create-account > .el-icon-plus {
margin-right: 5px; margin-right: 5px;
} }
.password-reset-token { .password-reset-token {
@ -402,14 +402,14 @@ only screen and (max-width: 760px),
h1 { h1 {
margin: 7px 10px 15px 10px; margin: 7px 10px 15px 10px;
} }
.actions-button {
width: 100%;
}
.actions-container { .actions-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 10px 7px 10px margin: 0 10px 7px 10px
} }
.create-account {
width: 100%;
}
.el-icon-arrow-down { .el-icon-arrow-down {
font-size: 12px; font-size: 12px;
} }