Show tooltips only on checkbox, not the bigger enclosing div

[wagner-intevation]

Currently, the tooltips are on the row:

intelmq-webinput-csv/client/src/components/WebinputCSV.vue

Lines 262 to 275 in 83cb425

	<b-form-group v-b-tooltip.hover label-cols=4 label="Dryrun" title="Override the values of Classification Type and Classification Identifier to 'test'.">
	<b-form-checkbox
	v-model="dryrun"
	switch
	@change="onDryRunChange"
	></b-form-checkbox>
	</b-form-group>
	<b-form-group v-b-tooltip.hover label-cols=4 label="Validate/Submit with bots" :title="'Validate the data with all configured IntelMQ Bots included. If unchecked on submission, data will be submitted to the IntelMQ processing pipeline, not the configured output bot. ' + (!botsAvailable.status ? botsAvailable.reason : '')">
	<b-form-checkbox
	v-model="validateWithBots"
	switch
	:disabled="!botsAvailable.status"
	></b-form-checkbox>
	</b-form-group>

So they are shown whenever hovering over the row containing the label or checkbox (including white space).

Customer requests that they are only shown when hovering over the small checkbox itself.

Moving the tooltip-attributes to the b-form-checkbox does not work, as they end up at the enclosing div, so the tooltip is also shown when hovering the white space left and right of the checkbox, inside the column

So, the div (fieldset .col) needs to be made as small as possible while still being vertically and horizontally aligned.