fix layouting

PlanQK · Jul 6, 2023 · 6425d94 · 6425d94
1 parent 5388ab4
commit 6425d94
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 5 deletions.
diff --git a/components/bpmn-q/modeler-component/extensions/quantme/modeling/QuantMEReplaceOptions.js b/components/bpmn-q/modeler-component/extensions/quantme/modeling/QuantMEReplaceOptions.js
@@ -146,15 +146,15 @@ export var SUBPROCESS = [
   {
     label: 'Quantum Hardware Selection Subprocess',
     actionName: 'replace-with-hardware-selection-subprocess',
-    className: 'qwm quantme-tasks-icon-hardware-selection',
+    className: 'qwm bpmn-quantme-tasks-icon-hardware-selection',
     target: {
       type: consts.QUANTUM_HARDWARE_SELECTION_SUBPROCESS
     }
   },
   {
     label: 'Circuit Cutting Subprocess',
     actionName: 'replace-with-circuit-cutting-subprocess',
-    className: 'qwm quantme-tasks-icon-cutting',
+    className: 'qwm bpmn-quantme-tasks-icon-cutting',
     target: {
       type: consts.CIRCUIT_CUTTING_SUBPROCESS
     }

diff --git a/components/bpmn-q/modeler-component/extensions/quantme/styling/quantme.css b/components/bpmn-q/modeler-component/extensions/quantme/styling/quantme.css
@@ -422,10 +422,34 @@
     margin-top: 3px;
 }
 
+.qwm .bpmn-quantme-tasks-icon-hardware-selection:before {
+    content: "";
+    height: 15px;
+    background-size: contain;
+    background-image: url("../resources/QuantumHardwareSelectionSubprocess_Menu_Icon.svg");
+    background-repeat: no-repeat;
+    display: inline-block;
+    margin-top: 3px;
+}
+
+.qwm .bpmn-quantme-tasks-icon-cutting:before {
+    content: "";
+    height: 15px;
+    background-size: contain;
+    background-image: url("../resources/CuttingSubprocess_Icon.svg");
+    background-repeat: no-repeat;
+    display: inline-block;
+    margin-top: 3px;
+}
+
 .djs-popup-label {
     margin-top: -2px;
 }
 
 .djs-popup-entry-name .qwm .quantme-tasks-icon-result-evaluation {
     margin-top: 5px;
-}
+}
+
+.djs-popup-results .djs-popup-group .entry[data-id="replace-with-hardware-selection-subprocess"] .djs-popup-label {
+    margin-left: 10px; /* Adjust the value as per your requirements */
+  }
diff --git a/components/bpmn-q/package-lock.json b/components/bpmn-q/package-lock.json