webapp: beautify controls on web console view

* add margin to the bottom of the row containing the controls so the
  buttons would have some room to the textbox.
* align the text baselines of the checkbox label and the buttons as well
  as possible. align-items-baseline does not work as expected...
This commit is contained in:
Bernhard Kirchen
2025-04-01 21:40:56 +02:00
committed by Thomas Basler
parent 643dff1c5a
commit f4cc7c3979

View File

@@ -1,8 +1,8 @@
<template>
<BasePage :title="$t('console.Console')" :isLoading="dataLoading">
<CardElement :text="$t('console.VirtualDebugConsole')" textVariant="text-bg-primary">
<div class="row g-3 align-items-center">
<div class="col">
<div class="row align-items-center mb-3">
<div class="col-auto mt-2">
<div class="form-check form-switch">
<input
class="form-check-input"
@@ -16,7 +16,7 @@
</label>
</div>
</div>
<div class="col text-end">
<div class="col-auto ms-auto">
<div class="btn-group" role="group">
<button type="button" class="btn btn-primary" :onClick="clearConsole">
{{ $t('console.ClearConsole') }}