Fix ide modal

app/assets/javascripts/ide/components/new_dropdown/modal.vue

@@ -79,20 +79,19 @@ export default {
     <form
       slot="body"
       @submit.prevent="createEntryInStore"
+      class="form-group row append-bottom-0"
     >
-      <fieldset class="form-group row append-bottom-0">
+      <label class="label-light col-form-label col-sm-3">
-        <label class="label-light col-sm-3">
+        {{ formLabelName }}
-          {{ formLabelName }}
+      </label>
-        </label>
+      <div class="col-sm-9">
-        <div class="col-sm-9">
+        <input
-          <input
+          type="text"
-            type="text"
+          class="form-control"
-            class="form-control"
+          v-model="entryName"
-            v-model="entryName"
+          ref="fieldName"
-            ref="fieldName"
+        />
-          />
+      </div>
-        </div>
-      </fieldset>
     </form>
   </deprecated-modal>
 </template>

app/assets/javascripts/vue_shared/components/deprecated_modal.vue

@@ -87,7 +87,7 @@
     <div
       :id="id"
       class="modal"
-      :class="id ? '' : 'show'"
+      :class="id ? '' : 'd-block'"
       role="dialog"
       tabindex="-1"
     >
@@ -166,7 +166,7 @@
     </div>
     <div
       v-if="!id"
-      class="modal-backdrop fade in"
+      class="modal-backdrop fade show"
     >
     </div>
   </div>