config_tools: left-align the plus icon in the virtio devices

left-align the plus icon in the virtio devices so that they
match the alignment in the IVSHMEM widget.

Tracked-On: #7897
Signed-off-by: Kunhui-Li <kunhuix.li@intel.com>
Reviewed-by: Junjie Mao <junjie.mao@intel.com>
This commit is contained in:
Kunhui-Li 2022-07-19 14:08:12 +08:00 committed by acrnsi-robot
parent 2edd704a3b
commit 3aee139da9
3 changed files with 30 additions and 18 deletions

View File

@ -151,13 +151,17 @@ export default {
<style scoped> <style scoped>
.ToolSet { .ToolSet {
display: flex; display: flex;
flex-direction: row-reverse; justify-content: space-around;
gap: 8px; margin: 1rem;
gap: 0.5rem;
max-width: 5rem;
} }
.ToolSet div{ .ToolSet div {
padding: 8px; cursor: pointer;
border: 1px solid rgb(193,193,193); border: 1px solid gray;
border-radius: 5px; border-radius: 3px;
background: #f9f9f9;
padding: 5px 5px 3px;
} }
.virtio_consoles{ .virtio_consoles{
width: 100%; width: 100%;

View File

@ -120,13 +120,17 @@ label:after{
} }
.ToolSet { .ToolSet {
display: flex; display: flex;
flex-direction: row-reverse; justify-content: space-around;
gap: 8px; margin: 1rem;
gap: 0.5rem;
max-width: 5rem;
} }
.ToolSet div{ .ToolSet div {
padding: 8px; cursor: pointer;
border: 1px solid rgb(193,193,193); border: 1px solid gray;
border-radius: 5px; border-radius: 3px;
background: #f9f9f9;
padding: 5px 5px 3px;
} }
.virtio_inputs{ .virtio_inputs{
width: 100%; width: 100%;

View File

@ -121,13 +121,17 @@ label:after{
} }
.ToolSet { .ToolSet {
display: flex; display: flex;
flex-direction: row-reverse; justify-content: space-around;
gap: 8px; margin: 1rem;
gap: 0.5rem;
max-width: 5rem;
} }
.ToolSet div{ .ToolSet div {
padding: 8px; cursor: pointer;
border: 1px solid rgb(193,193,193); border: 1px solid gray;
border-radius: 5px; border-radius: 3px;
background: #f9f9f9;
padding: 5px 5px 3px;
} }
.virtio_networks{ .virtio_networks{
width: 100%; width: 100%;