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>
.ToolSet {
display: flex;
flex-direction: row-reverse;
gap: 8px;
justify-content: space-around;
margin: 1rem;
gap: 0.5rem;
max-width: 5rem;
}
.ToolSet div{
padding: 8px;
border: 1px solid rgb(193,193,193);
border-radius: 5px;
.ToolSet div {
cursor: pointer;
border: 1px solid gray;
border-radius: 3px;
background: #f9f9f9;
padding: 5px 5px 3px;
}
.virtio_consoles{
width: 100%;

View File

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

View File

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