Fix margin between buttons

Author: abh1sar

ui/src/style/vars.less

@@ -355,7 +355,7 @@ a {
   text-align: right;
   padding-top: 15px;
 
-  button {
+  button, a.ant-btn {
     margin-right: 5px;
   }
 }

ui/src/views/image/RegisterOrUploadIso.vue

@@ -30,7 +30,7 @@
         show-icon
         :message="$t('message.ssvm.cert.untrusted')"
         :description="$t('message.ssvm.cert.trust.instructions')" />
-      <div class="action-button" style="margin-top: 16px">
+      <div :span="24" class="action-button">
         <a-button @click="closeAction">{{ $t('label.cancel') }}</a-button>
         <a-button :href="ssvmOrigin" target="_blank" rel="noopener noreferrer">
           {{ $t('label.ssvm.open.cert.page') }}

ui/src/views/image/RegisterOrUploadTemplate.vue

@@ -30,7 +30,7 @@
         show-icon
         :message="$t('message.ssvm.cert.untrusted')"
         :description="$t('message.ssvm.cert.trust.instructions')" />
-      <div class="action-button" style="margin-top: 16px">
+      <div :span="24" class="action-button">
         <a-button @click="closeAction">{{ $t('label.cancel') }}</a-button>
         <a-button :href="ssvmOrigin" target="_blank" rel="noopener noreferrer">
           {{ $t('label.ssvm.open.cert.page') }}

ui/src/views/storage/UploadLocalVolume.vue

@@ -28,7 +28,7 @@
         show-icon
         :message="$t('message.ssvm.cert.untrusted')"
         :description="$t('message.ssvm.cert.trust.instructions')" />
-      <div class="action-button" style="margin-top: 16px">
+      <div :span="24" class="action-button">
         <a-button @click="closeAction">{{ $t('label.cancel') }}</a-button>
         <a-button :href="ssvmOrigin" target="_blank" rel="noopener noreferrer">
           {{ $t('label.ssvm.open.cert.page') }}