diff options
Diffstat (limited to 'app/assets/javascripts/ci_variable_list')
-rw-r--r-- | app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue b/app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue index e5923124653..b959d97daea 100644 --- a/app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue +++ b/app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue @@ -162,23 +162,26 @@ export default { </p> </template> </gl-table> - <div class="ci-variable-actions" :class="{ 'justify-content-center': !tableIsNotEmpty }"> + <div + class="ci-variable-actions gl-display-flex" + :class="{ 'justify-content-center': !tableIsNotEmpty }" + > + <gl-button + ref="add-ci-variable" + v-gl-modal-directive="$options.modalId" + class="gl-mr-3" + data-qa-selector="add_ci_variable_button" + variant="confirm" + category="primary" + >{{ __('Add variable') }}</gl-button + > <gl-button v-if="tableIsNotEmpty" ref="secret-value-reveal-button" data-qa-selector="reveal_ci_variable_value_button" - class="gl-mr-3" @click="toggleValues(!valuesHidden)" >{{ valuesButtonText }}</gl-button > - <gl-button - ref="add-ci-variable" - v-gl-modal-directive="$options.modalId" - data-qa-selector="add_ci_variable_button" - variant="success" - category="primary" - >{{ __('Add Variable') }}</gl-button - > </div> </div> </template> |