style: align with new design

camunda-community-hub · Apr 3, 2023 · 357238f · 357238f
1 parent cc2a12e
commit 357238f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/src/main/resources/public/css/app.css b/src/main/resources/public/css/app.css
@@ -131,6 +131,10 @@
   background: rgba(0, 125, 255, 0.2);
 }
 
+#evaluate-decision-button {
+  background-color: #0d6efd !important;
+}
+
 #decision-evaluation-message .alert-info {
   background: #d4e5ff;
   border-color: #7fb4bf;
@@ -152,6 +156,7 @@
 .breadcrumb-item + .breadcrumb-item::before {
   padding-right: 3px;
 }
+
 .breadcrumb-item + .breadcrumb-item {
   padding-left: 3px;
 }

diff --git a/src/main/resources/templates/views/deployment/decision/decision.html b/src/main/resources/templates/views/deployment/decision/decision.html
@@ -4,9 +4,9 @@
   <body onload="loadDecisionView();">
     <div th:replace="fragments/navbar :: navbar"></div>
 
-<div
-    th:replace="views/deployment/decision/evaluate-decision-modal.html :: #evaluate-decision-modal"
-></div>
+    <div
+      th:replace="views/deployment/decision/evaluate-decision-modal.html :: #evaluate-decision-modal"
+    ></div>
 
     <div id="decision-page-key" th:text="${decisionKey}" hidden></div>
 
@@ -64,19 +64,20 @@
                 </div>
               </div>
             </div>
-            <div class="col">
-              <button
-                  id="evaluate-decision-button"
-                  type="button"
-                  class="btn btn-sm btn-primary"
-                  title="Evaluate decision"
-                  onclick="openDecisionEvaluationModal();"
-              >
-                <svg class="bi" width="18" height="18" fill="white">
-                  <use xlink:href="/img/bootstrap-icons.svg#play"/>
-                </svg>
-              </button>
-            </div>
+            <button
+              id="evaluate-decision-button"
+              type="button"
+              class="btn btn-sm btn-primary"
+              data-bs-toggle="tooltip"
+              data-bs-placement="right"
+              data-bs-trigger="hover"
+              title="Evaluate decision"
+              onclick="openDecisionEvaluationModal();"
+            >
+              <svg class="bi" width="16" height="16" fill="white">
+                <use xlink:href="/img/bootstrap-icons.svg#play" />
+              </svg>
+            </button>
           </div>
           <div class="decision-canvas-container">
             <div id="canvas"></div>