Fix action listing alignment
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
46931c98a7
commit
15b64c6abb
|
@ -4,9 +4,11 @@
|
|||
<div class="actions__item__description">
|
||||
<h3>{{ operation.name }}</h3>
|
||||
<small>{{ operation.description }}</small>
|
||||
<button v-if="colored">
|
||||
{{ t('workflowengine', 'Add new flow') }}
|
||||
</button>
|
||||
<div>
|
||||
<button v-if="colored">
|
||||
{{ t('workflowengine', 'Add new flow') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actions__item_options">
|
||||
<slot />
|
||||
|
|
|
@ -108,7 +108,7 @@ export default {
|
|||
.actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 900px;
|
||||
max-width: 1200px;
|
||||
.actions__item {
|
||||
max-width: 280px;
|
||||
flex-basis: 250px;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.icon {
|
||||
.actions__item .icon {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
|
@ -21,6 +21,9 @@
|
|||
}
|
||||
.actions__item__description {
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.actions__item_options {
|
||||
width: 100%;
|
||||
|
@ -38,6 +41,7 @@ h3 {
|
|||
}
|
||||
small {
|
||||
font-size: 10pt;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.colored:not(.more) {
|
||||
|
|
Loading…
Reference in New Issue