aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorSawyer Bergeron <sbergeron@iol.unh.edu>2019-07-10 09:36:34 -0400
committerSawyer Bergeron <sbergeron@iol.unh.edu>2019-07-10 13:46:44 +0000
commitebd13c8a6d3d3203f45ba65cab1c9c3acf441c48 (patch)
tree19273a0eb755e342ec367bd9d4786857a0e174a3 /src
parent3bc9170d34ee6cd10bb02fa7641cccd2037562bb (diff)
minor UI fixes
Change-Id: I70b35ee7f62d8b2f22c8677e6c817c3e6a9b3412 Signed-off-by: Sawyer Bergeron <sbergeron@iol.unh.edu>
Diffstat (limited to 'src')
-rw-r--r--src/static/js/dashboard.js11
-rw-r--r--src/templates/dashboard/multiple_select_filter_widget.html4
-rw-r--r--src/templates/workflow/viewport-base.html2
3 files changed, 12 insertions, 5 deletions
diff --git a/src/static/js/dashboard.js b/src/static/js/dashboard.js
index b74ead9..8e1250a 100644
--- a/src/static/js/dashboard.js
+++ b/src/static/js/dashboard.js
@@ -386,13 +386,18 @@ class MultipleSelectFilterWidget {
add_item_prepopulate(node, prepopulate){
const div = document.createElement("DIV");
div.id = "dropdown_" + this.dropdown_count;
- div.classList.add("list-group-item");
+ div.classList.add("card", "flex-row", "d-flex", "mb-2");
this.dropdown_count++;
const label = document.createElement("H5")
label.appendChild(document.createTextNode(node['name']))
+ label.classList.add("p-1", "m-1");
div.appendChild(label);
- div.appendChild(this.make_input(div, node, prepopulate));
- div.appendChild(this.make_remove_button(div, node));
+ let input = this.make_input(div, node, prepopulate);
+ input.classList.add("flex-grow-1", "p-1", "m-1");
+ div.appendChild(input);
+ let remove_btn = this.make_remove_button(div, node);
+ remove_btn.classList.add("p-1", "m-1");
+ div.appendChild(remove_btn);
document.getElementById("dropdown_wrapper").appendChild(div);
return div;
}
diff --git a/src/templates/dashboard/multiple_select_filter_widget.html b/src/templates/dashboard/multiple_select_filter_widget.html
index ad58ccb..aee5f23 100644
--- a/src/templates/dashboard/multiple_select_filter_widget.html
+++ b/src/templates/dashboard/multiple_select_filter_widget.html
@@ -35,7 +35,9 @@
{% endfor %}
</div>
-<div id="dropdown_wrapper" class="px-3 list-group-flush w-25 mt-2">
+<div id="dropdown_row" class="row">
+ <div id="dropdown_wrapper" class="col-12 col-lg-6 d-flex flex-column pt-2 mx-0 px-1">
+ </div>
</div>
<script>
function multipleSelectFilterWidgetEntry() {
diff --git a/src/templates/workflow/viewport-base.html b/src/templates/workflow/viewport-base.html
index 02c5597..4ae2ff3 100644
--- a/src/templates/workflow/viewport-base.html
+++ b/src/templates/workflow/viewport-base.html
@@ -47,7 +47,7 @@
<div class="row d-flex flex-column flex-grow-1">
<div class="container-fluid d-flex flex-column h-100">
<div class="row d-flex flex-grow-1 p-4">
- <div class="col-12 d-flex border flex-grow-1 px-0">
+ <div class="col-12 d-flex flex-grow-1 px-0">
<div id="formContainer" class="h-100 w-100"></div>
</div>
</div>