From b28ad14ed0a8279dd5351aa3cef3d8200974fe8f Mon Sep 17 00:00:00 2001
From: George Liu <liuxiwei@inspur.com>
Date: Wed, 7 Dec 2022 03:16:14 +0800
Subject: [PATCH] Fix Chinese line break problem (#62)

When some buttons are described in Chinese, the shape of the button
will change due to word wrapping.

Signed-off-by: George Liu <liuxiwei@inspur.com>

Signed-off-by: George Liu <liuxiwei@inspur.com>
---
 src/env/assets/styles/_ibm.scss                               | 4 ++++
 .../CapacityOnDemand/CapacityOnDemandActivation.vue           | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/env/assets/styles/_ibm.scss b/src/env/assets/styles/_ibm.scss
index 5d24fa3fc5..b2d87c317f 100644
--- a/src/env/assets/styles/_ibm.scss
+++ b/src/env/assets/styles/_ibm.scss
@@ -272,4 +272,8 @@ $loading-color-100: #2dbde5;
   border-bottom: 1px solid #3ac4bf;
   border-color: #3ac4bf;
   border: 1px solid #3ac4bf !important;
+}
+
+.activationBtn {
+  white-space: nowrap;
 }
\ No newline at end of file
diff --git a/src/views/ResourceManagement/CapacityOnDemand/CapacityOnDemandActivation.vue b/src/views/ResourceManagement/CapacityOnDemand/CapacityOnDemandActivation.vue
index a657edbe55..712c4125af 100644
--- a/src/views/ResourceManagement/CapacityOnDemand/CapacityOnDemandActivation.vue
+++ b/src/views/ResourceManagement/CapacityOnDemand/CapacityOnDemandActivation.vue
@@ -46,8 +46,9 @@
                   </b-form-invalid-feedback>
                 </b-input-group>
               </b-form-group>
-              <b-col align-self="baseline">
+              <b-col sm="2" align-self="baseline">
                 <b-button
+                  class="activationBtn"
                   variant="primary"
                   type="submit"
                   :disabled="isActivationDisabled"