diff --git a/web/app/cad/dom/components/ControlBar.jsx b/web/app/cad/dom/components/ControlBar.jsx
index d7f3ca35..0787b617 100644
--- a/web/app/cad/dom/components/ControlBar.jsx
+++ b/web/app/cad/dom/components/ControlBar.jsx
@@ -7,10 +7,10 @@ export default function ControlBar({left, right}) {
return
- {right}
+ {left}
- {left}
+ {right}
}
diff --git a/web/app/cad/dom/components/ControlBar.less b/web/app/cad/dom/components/ControlBar.less
index 95161e0c..bd92b3bd 100644
--- a/web/app/cad/dom/components/ControlBar.less
+++ b/web/app/cad/dom/components/ControlBar.less
@@ -12,22 +12,33 @@
}
.button {
- display: inline-block;
cursor: pointer;
- padding: 0.3em 0.3em 0.4em 0.6em;
+ padding: 0.4em 0.5em;
- @border: 1px solid @border-color;
- &.left {
- border-right: @border;
- }
- &.right {
- border-left: @border;
- }
&:hover {
background-color: @work-area-control-bar-bg-color-active;
}
+ line-height: 1;
}
+.left, .right {
+ display: flex;
+ align-items: baseline;
+}
+
+.right {
+ flex-direction: row-reverse;
+}
+
+@border: 1px solid @border-color;
+.left .button {
+ border-right: @border;
+}
+.right .button {
+ border-left: @border;
+}
+
+
.button.disabled {
color: @font-color-suppressed;
&:hover {
diff --git a/web/app/cad/dom/menu/menuPlugin.js b/web/app/cad/dom/menu/menuPlugin.js
index ea109858..886aff43 100644
--- a/web/app/cad/dom/menu/menuPlugin.js
+++ b/web/app/cad/dom/menu/menuPlugin.js
@@ -16,7 +16,7 @@ export function activate({bus, services}) {
x: undefined,
y: undefined
});
- if (!appearance) {
+ if (!appearance.label) {
appearance.label = id;
}
showMenuActions.push({
diff --git a/web/app/cad/part/partModellerPlugin.js b/web/app/cad/part/partModellerPlugin.js
index 8ac5b70c..6d6c787c 100644
--- a/web/app/cad/part/partModellerPlugin.js
+++ b/web/app/cad/part/partModellerPlugin.js
@@ -16,7 +16,7 @@ export function activate({bus, services}) {
bus.dispatch(UI_TOKENS.CONTROL_BAR_RIGHT, [
['Info', {label: null}],
['RefreshSketches', {label: null}],
- ['ShowSketches', {label: 'sketches'}], ['DeselectAll', null], ['ToggleCameraMode', null]
+ ['ShowSketches', {label: 'sketches'}], ['DeselectAll', {label: null}], ['ToggleCameraMode', {label: null}]
]);
bus.dispatch(UI_TOKENS.TOOLBAR_BAR_LEFT, ['PLANE', 'EditFace', 'EXTRUDE', 'CUT', 'REVOLVE']);