Improve layout when using large notes

This commit is contained in:
Matthias 2023-08-02 18:19:56 +02:00
parent a19576a1c7
commit 6842e6380d

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="container d-flex flex-column align-items-center"> <div class="container d-flex flex-column align-items-stretch">
<h3>Available results:</h3> <h3>Available results:</h3>
<b-list-group class="ms-2"> <b-list-group class="ms-2">
<b-list-group-item <b-list-group-item
@ -23,17 +23,25 @@
{{ result.metadata.notes }} {{ result.metadata.notes }}
</div> </div>
</div> </div>
<b-button <div class="d-flex">
v-if="canUseModify" <b-button
size="sm" v-if="canUseModify"
title="Modify" class="flex-nowrap"
@click.stop="result.metadata.editing = !result.metadata.editing" size="sm"
> title="Modify"
<i-mdi-pencil /> @click.stop="result.metadata.editing = !result.metadata.editing"
</b-button> >
<b-button size="sm" title="Delete this Result." @click.stop="emit('removeResult', key)"> <i-mdi-pencil />
<i-mdi-delete /> </b-button>
</b-button> <b-button
size="sm"
class="flex-nowrap"
title="Delete this Result."
@click.stop="emit('removeResult', key)"
>
<i-mdi-delete />
</b-button>
</div>
</template> </template>
<template v-if="result.metadata.editing"> <template v-if="result.metadata.editing">
<b-form-textarea v-model="result.metadata.notes" placeholder="notes" size="sm"> <b-form-textarea v-model="result.metadata.notes" placeholder="notes" size="sm">