diff --git a/airtime_mvc/application/views/scripts/playouthistory/template-contents.phtml b/airtime_mvc/application/views/scripts/playouthistory/template-contents.phtml
index 3beb495dd..0209e5e06 100644
--- a/airtime_mvc/application/views/scripts/playouthistory/template-contents.phtml
+++ b/airtime_mvc/application/views/scripts/playouthistory/template-contents.phtml
@@ -9,68 +9,71 @@
Name
+
+
+
+
+ template_fields as $field): ?>
+
+
+
+ - "
+ data-id=""
+ data-name=""
+ data-label=""
+ data-type=""
+ data-filemd=""
+ class="">
+
+
+ required_fields)): ?>
+
+
+
+
+
+
+
+
+
+
-
-
-
- template_fields as $field): ?>
-
-
-
- - "
- data-id=""
- data-name=""
- data-label=""
- data-type=""
- data-filemd="">
-
-
- required_fields)): ?>
-
-
-
-
-
-
-
-
-
-
-
Add more elements:
-
-
- fileMD as $md): ?>
-
-
-
- - "
- data-name=""
- data-type=""
- data-label="">
-
-
-
-
-
-
- template_type !== Application_Service_HistoryService::TEMPLATE_TYPE_FILE): ?>
-
-
-
-
-
-
+
Add more elements:
+
+
+ fileMD as $md): ?>
+
+
+
+ - "
+ data-name=""
+ data-type=""
+ data-label="">
+
+
+
+
+
+
+ template_type !== Application_Service_HistoryService::TEMPLATE_TYPE_FILE): ?>
+
+
+
+
+
+
+
template_id, $this->configured)): ?>
diff --git a/airtime_mvc/public/css/history_styles.css b/airtime_mvc/public/css/history_styles.css
index e9c43ca18..01b4293f6 100644
--- a/airtime_mvc/public/css/history_styles.css
+++ b/airtime_mvc/public/css/history_styles.css
@@ -135,3 +135,49 @@
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
background: #5C5C5C !important;
}
+
+#configure_item_template {
+ width: 100%;
+ max-width: 620px;
+}
+
+.add_more {
+ float: right;
+}
+
+#configure_item_template #template_name {
+ margin-bottom: 14px;
+}
+
+#configure_item_template .template_item_list li {
+ width: 270px;
+}
+
+#configure_item_template li {
+ width: 270px;
+}
+
+#configure_item_template .template_item_list li.field_other {
+ background-color: #CACACA;
+}
+
+.ui-widget-content {
+ background: #C0C0C0 !important;
+}
+
+#history_content .btn-toolbar {
+ margin: 10px;
+}
+
+#history_content div.DTTT_container {
+ margin-top: 8px;
+}
+
+#history_content .dataTables_length {
+ margin-top: 9px;
+ margin-right: 10px;
+}
+
+.btn [class^="icon-"] {
+ margin-top: 0;
+}
diff --git a/airtime_mvc/public/js/airtime/playouthistory/configuretemplate.js b/airtime_mvc/public/js/airtime/playouthistory/configuretemplate.js
index e54b7aee7..0d1c631ff 100644
--- a/airtime_mvc/public/js/airtime/playouthistory/configuretemplate.js
+++ b/airtime_mvc/public/js/airtime/playouthistory/configuretemplate.js
@@ -18,6 +18,7 @@ var AIRTIME = (function(AIRTIME) {
"data-type='<%= type %>' " +
"data-filemd='<%= filemd %>'" +
"data-label='<%= label %>'" +
+ "class='<%= (filemd) ? 'field_filemd' : 'field_other' %>'" +
">" +
"<%= label %>" +
"<%= type %>" +
@@ -29,6 +30,7 @@ var AIRTIME = (function(AIRTIME) {
"data-type='<%= type %>' " +
"data-filemd='<%= filemd %>'" +
"data-label='<%= label %>'" +
+ "class='<%= (filemd) ? 'field_filemd' : 'field_other' %>'" +
">" +
"<%= label %>" +
"<%= type %>" +