diff --git a/src/components/VmDisks/VmDisk.js b/src/components/VmDisks/VmDisk.js
index 237b4a0d0..6de1b601e 100644
--- a/src/components/VmDisks/VmDisk.js
+++ b/src/components/VmDisks/VmDisk.js
@@ -93,16 +93,17 @@ class VmDisk extends React.PureComponent {
return (
-
+
{name}
{capacityInfo}
{bootable}
{inactive}
-
+
+
{deleteButton}
- {deletionConfirmationDialog}
+ {deletionConfirmationDialog}
)
}
diff --git a/src/components/VmDisks/style.css b/src/components/VmDisks/style.css
index b27354501..8432b3a1c 100644
--- a/src/components/VmDisks/style.css
+++ b/src/components/VmDisks/style.css
@@ -8,12 +8,14 @@
list-style-type: none;
padding: 0;
margin-bottom: 0px !important;
+ display: table;
}
.smaller {
font-size: 50%;
vertical-align: middle;
margin-left: 0.5em;
+ display: inline-block;
}
.light {
@@ -27,3 +29,22 @@
font-size: small;
cursor: pointer;
}
+
+.disks-list li {
+ display: table-row;
+}
+
+.disks-list li > span {
+ display: table-cell;
+}
+
+.vmdisk-item-info > *:last-child {
+ margin-right: 5px;
+}
+
+.vmdisk-item-delete {
+ vertical-align: middle;
+}
+.vmdisk-item-delete button {
+ display: block;
+}