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 <[email protected]> Signed-off-by: George Liu <[email protected]>
ibm-openbmc · Dec 6, 2022 · b28ad14 · b28ad14
1 parent 0205f18
commit b28ad14
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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;
 }
diff --git 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"