From e7e01b750c90a2b68d324fabced0e4e336c7e6a1 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Thu, 19 Nov 2020 20:40:45 -0800
Subject: [PATCH] (REF) afGuiEditor - Add form-* elements to 'config-form.html'

This should bring the markup closer to Bootstrap3 convention.
---
 .../gui/ang/afGuiEditor/config-form.html      | 47 ++++++++++++-------
 1 file changed, 31 insertions(+), 16 deletions(-)

diff --git a/ext/afform/gui/ang/afGuiEditor/config-form.html b/ext/afform/gui/ang/afGuiEditor/config-form.html
index 10026f1fee..5747482982 100644
--- a/ext/afform/gui/ang/afGuiEditor/config-form.html
+++ b/ext/afform/gui/ang/afGuiEditor/config-form.html
@@ -1,16 +1,31 @@
-<label for="af_config_form_title">
-  {{ ts('Title:') }} <span class="crm-marker">*</span>
-</label>
-<input ng-model="afform.title" class="form-control" id="af_config_form_title" required />
-<label for="af_config_form_description">
-  {{ ts('Description:') }}
-</label>
-<textarea ng-model="afform.description" class="form-control" id="af_config_form_description"></textarea>
-<label for="af_config_form_server_route">
-  {{ ts('URL:') }}
-</label>
-<input ng-model="afform.server_route" class="form-control" id="af_config_form_server_route" />
-<label for="af_config_form_permission">
-  {{ ts('Permission:') }}
-</label>
-<input ng-model="afform.permission" class="form-control" id="af_config_form_permission" crm-ui-select="{data: editor.meta.permissions, placeholder: ts('Open access')}" />
+<ng-form name="config_form">
+
+<div class="form-group">
+  <label for="af_config_form_title">
+    {{ ts('Title:') }} <span class="crm-marker">*</span>
+  </label>
+  <input ng-model="afform.title" class="form-control" id="af_config_form_title" required />
+</div>
+
+<div class="form-group">
+  <label for="af_config_form_description">
+    {{ ts('Description:') }}
+  </label>
+  <textarea ng-model="afform.description" class="form-control" id="af_config_form_description"></textarea>
+</div>
+
+<div class="form-group">
+  <label for="af_config_form_server_route">
+    {{ ts('URL:') }}
+  </label>
+  <input ng-model="afform.server_route" class="form-control" id="af_config_form_server_route" />
+</div>
+
+<div class="form-group">
+  <label for="af_config_form_permission">
+    {{ ts('Permission:') }}
+  </label>
+  <input ng-model="afform.permission" class="form-control" id="af_config_form_permission" crm-ui-select="{data: editor.meta.permissions, placeholder: ts('Open access')}" />
+</div>
+
+</ng-form>
-- 
2.25.1