Start removing b-form

scipost_django/apimail/static/apimail/assets/vue/components/MessageComposer.vue

@@ -71,32 +71,32 @@
       <span
 	class="my-1 p-1 bg-info"
 	>Add an email address to your address book</span>
-      <b-form
+      <form
 	@submit.prevent="addNewEmailToAddressBook(newEmail, newEmailDescription)"
 	>
-	<b-input-group>
-	  <b-form-input
-    	    v-model="newEmail"
-	    id="new-email-form"
-    	    type="email"
+	<div class="input-group input-group-sm">
+	  <input
+	    v-model="newEmail"
+	    type="text"
+	    class="form-control"
 	    placeholder="email"
-    	    size="sm"
-    	    >
-	  </b-form-input>
-	  <b-input-group-append>
-	    <button type="submit" class="btn btn-sm btn-primary">Add</button>
-	  </b-input-group-append>
-	</b-input-group>
-	<b-input-group>
-	  <b-form-input
-    	    v-model="newEmailDescription"
-	    id="new-email-description"
+	    >
+	  <button
+	    type="submit"
+	    class="btn btn-sm btn-primary"
+	    >
+	    Add
+	  </button>
+	</div>
+	<div class="input-group input-group-sm mb-3">
+	  <input
+	    v-model="newEmailDescription"
+	    type="text"
+	    class="form-control"
 	    placeholder="description (optional)"
-    	    size="sm"
-    	    >
-	  </b-form-input>
-	</b-input-group>
-      </b-form>
+	    >
+	</div>
+      </form>
       <div v-if="addNewEmailResponse">
 	<ul class="mb-0">
 	  <li>Added:&emsp;{{ addNewEmailResponse.address }}&emsp;<span v-if="addNewEmailResponse.can_send" class="text-success">Can send</span><span v-else><strong class="text-danger">Cannot send: {{ addNewEmailResponse.result }}</strong></span></li>

scipost_django/apimail/static/apimail/assets/vue/components/TagListEditable.vue

@@ -34,44 +34,33 @@
       </ul>
     </div>
   </template>
-  <b-form
-    >
-    <b-form-group
-      id="label"
-      label="Label:"
-      label-for="input-label"
-      >
-      <b-form-input
-	id="input-label"
+  <form>
+    <div class="input-group mb-3">
+      <span class="input-group-text">Label</span>
+      <input
+	type="text"
+	class="form-control"
 	v-model="newTagForm.label"
-	required
 	placeholder="Up to 16 characters"
 	>
-      </b-form-input>
-    </b-form-group>
-    <b-form-group
-      id="text-color"
-      label="Text color:"
-      label-for="input-text-color"
-      >
-      <b-form-input
-	id="input-text-color"
+    </div>
+    <div class="input-group mb-3">
+      <span class="input-group-text">Text color</span>
+      <input
+	type="color"
+	class="form-control"
 	v-model="newTagForm.textColor"
-	type="color">
-      </b-form-input>
-    </b-form-group>
-    <b-form-group
-      id="bg-color"
-      label="Background color:"
-      label-for="input-bg-color"
-      >
-      <b-form-input
-	id="input-bg-color"
+	>
+    </div>
+    <div class="input-group mb-3">
+      <span class="input-group-text">Background color</span>
+      <input
+	type="color"
+	class="form-control"
 	v-model="newTagForm.bgColor"
-	type="color">
-      </b-form-input>
-    </b-form-group>
-  </b-form>
+	>
+    </div>
+  </form>
   <button
     class="btn btn-success text-white"
     @click.stop.prevent="createNewTag"