From d0038c305ce95b0001945d56170b9625a65de12a Mon Sep 17 00:00:00 2001
From: Bohdan Iakymets <biakymet@redhat.com>
Date: Fri, 6 Apr 2018 15:40:54 +0200
Subject: [PATCH] Fixed align of Delete buttons for Disks Bug: When some disk
 is bootable, arrangment is broke. Fixes:
 https://github.com/oVirt/ovirt-web-ui/issues/544

---
 src/components/VmDisks/VmDisk.js |  7 ++++---
 src/components/VmDisks/style.css | 21 +++++++++++++++++++++
 2 files changed, 25 insertions(+), 3 deletions(-)

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 (
       <li>
-        <span id={`${idPrefix}`}>
+        <span className={style['vmdisk-item-info']} id={`${idPrefix}`}>
           {name}
           &nbsp;
           {capacityInfo}
           {bootable}
           {inactive}
-          &nbsp;
+        </span>
+        <span className={style['vmdisk-item-delete']}>
           {deleteButton}
-          {deletionConfirmationDialog}
         </span>
+        {deletionConfirmationDialog}
       </li>
     )
   }
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;
+}