beer-garden#325 - consdense steps, add toasts

obr42 · Apr 14, 2023 · f24c4e2 · f24c4e2
1 parent 39abede
commit f24c4e2
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 7 deletions.
diff --git a/functionary/ui/scss/custom.scss b/functionary/ui/scss/custom.scss
@@ -102,7 +102,7 @@ $font-sizes: (
 // @import "./progress";
 @import "./list-group";
 @import "./close";
-// @import "./toasts";
+@import "./toasts";
 @import "./modal";
 // @import "./tooltip";
 @import "./popover";

diff --git a/functionary/ui/static/css/custom_bootstrap.css b/functionary/ui/static/css/custom_bootstrap.css
diff --git a/functionary/ui/static/css/custom_bootstrap.css.map b/functionary/ui/static/css/custom_bootstrap.css.map
diff --git a/functionary/ui/templates/core/workflow_detail.html b/functionary/ui/templates/core/workflow_detail.html
@@ -67,15 +67,16 @@ <h2 class="mt-2 mb-1">
                     {% endif %}
                 {% endif %}
                 {% if workflow.first_step %}
-                    <div>
-                        <h3 class="fw-semibold">
+                    <div class="mt-2">
+                        <span class="fs-4 fw-bold me-2">
                             <i class="fa fa-stairs fa-sm fa-fw me-1"></i>Steps
-                        </h3>
+                        </span>
                         <ul id="envs" class="list-group list-group-flush">
                             {% for step in workflow.ordered_steps %}
                                 <li class="list-group-item">
-                                    <p class="fw-bold mb-0">{{ step.name }}</p>
-                                    <p class="ms-4 mb-0">{{ step.function }}</p>
+                                    <p class="mb-0">
+                                        {{ step.name }}<span class="text-muted ms-3">:<span class="ms-3">{{ step.function }}</span></span>
+                                    </p>
                                 </li>
                             {% endfor %}
                         </ul>