Spacing fixes in forms

form - helps with capturing the submit top level. no styling
fieldset - helps with disabling elements in single place. no styling.
   in html, this does have a default border which we remove in style.css.

FormGroup - pankow element. This defines the spacing between adjacent
   FormGroups as 6px.
This commit is contained in:
Girish Ramakrishnan
2025-09-30 11:11:14 +02:00
parent 5918952afb
commit 1902e8206d
3 changed files with 12 additions and 14 deletions
+2 -2
View File
@@ -107,9 +107,9 @@ onMounted(() => {
<TagInput id="tagsInput" :placeholder="$t('app.display.tagsPlaceholder')" v-model="tags" v-tooltip="$t('app.display.tagsTooltip')"/>
<div class="text-error" v-if="tagsError">{{ tagsError }}</div>
</FormGroup>
<Button @click="onSubmit()" :loading="busy" :disabled="busy || !haveValuesChanged">{{ $t('app.display.saveAction') }}</Button>
</fieldset>
</form>
<br/>
<Button @click="onSubmit()" :loading="busy" :disabled="busy || !haveValuesChanged">{{ $t('app.display.saveAction') }}</Button>
</div>
</template>