From 3ef0167b50575a20db6a5fb5d8cc020baa19b6a7 Mon Sep 17 00:00:00 2001
From: Caleb Ellis <caleb.ellis@canonical.com>
Date: Thu, 21 Jan 2021 14:03:55 +1000
Subject: [PATCH] fix(ui): fix broken width interpolation in KVM compose form
 (#2073)

---
 .../ComposeForm/InterfacesTable/SubnetSelect/_index.scss    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/app/kvm/components/KVMActionFormWrapper/ComposeForm/InterfacesTable/SubnetSelect/_index.scss b/ui/src/app/kvm/components/KVMActionFormWrapper/ComposeForm/InterfacesTable/SubnetSelect/_index.scss
index 7990920e43..b00a6f13a9 100644
--- a/ui/src/app/kvm/components/KVMActionFormWrapper/ComposeForm/InterfacesTable/SubnetSelect/_index.scss
+++ b/ui/src/app/kvm/components/KVMActionFormWrapper/ComposeForm/InterfacesTable/SubnetSelect/_index.scss
@@ -2,7 +2,7 @@
 
 $ratio-total: $subnet-col-ratio + $fabric-col-ratio + $vlan-col-ratio;
 $ratio-multiplier: $ratio-total / $subnet-col-ratio;
-$padding-multiplier: 100% + #{2 * $sph-inner--small};
+$padding: 2 * $sph-inner--small;
 $pxe-col-compensation: $pxe-col-width - $sph-inner--small;
 
 @mixin KVMSubnetSelect {
@@ -14,7 +14,7 @@ $pxe-col-compensation: $pxe-col-width - $sph-inner--small;
       max-width: none;
       min-width: 0;
       width: calc(
-        #{$ratio-multiplier} * (#{$padding-multiplier}) + #{$pxe-col-compensation}
+        #{$ratio-multiplier} * (100% + #{$padding}) + #{$pxe-col-compensation}
       ) !important;
 
       @media only screen and (max-width: $breakpoint-medium) {
@@ -69,7 +69,7 @@ $pxe-col-compensation: $pxe-col-width - $sph-inner--small;
 
         // PXE
         &:nth-child(4) {
-          width: #{$pxe-col-width - #{3 * $sph-inner--small}};
+          width: #{$pxe-col-width - 3 * $sph-inner--small};
         }
 
         &:not(:last-child) {