[forest] CSS editions

* resolve issue on Node Move selection
* resolve Node Actions Popup bottom button placement

dist/styles/bootstrap-darkster.css

@@ -6605,6 +6605,12 @@ a:focus {
   margin-bottom: 24px;
   margin-top: 24px;
 }
+#app .ml-auto, #app .mx-auto {
+  margin-left: auto;
+}
+#app .mr-auto, #app .mx-auto {
+  margin-right: auto;
+}
 #app .p-0 {
   padding: 0;
 }
@@ -7928,7 +7934,7 @@ a:focus, a:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.subtree__node--is-selected {
+.subtree__node--is-selected > .subtree__node__inner {
   text-decoration: underline;
   font-weight: bold;
 }

dist/styles/bootstrap-default.css

@@ -6558,6 +6558,12 @@ a:focus {
   margin-bottom: 24px;
   margin-top: 24px;
 }
+#app .ml-auto, #app .mx-auto {
+  margin-left: auto;
+}
+#app .mr-auto, #app .mx-auto {
+  margin-right: auto;
+}
 #app .p-0 {
   padding: 0;
 }
@@ -7881,7 +7887,7 @@ a:focus, a:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.subtree__node--is-selected {
+.subtree__node--is-selected > .subtree__node__inner {
   text-decoration: underline;
   font-weight: bold;
 }

dist/styles/bootstrap-greyson.css

@@ -6314,6 +6314,12 @@ a:focus {
   margin-bottom: 24px;
   margin-top: 24px;
 }
+#app .ml-auto, #app .mx-auto {
+  margin-left: auto;
+}
+#app .mr-auto, #app .mx-auto {
+  margin-right: auto;
+}
 #app .p-0 {
   padding: 0;
 }
@@ -7637,7 +7643,7 @@ a:focus, a:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.subtree__node--is-selected {
+.subtree__node--is-selected > .subtree__node__inner {
   text-decoration: underline;
   font-weight: bold;
 }

dist/styles/bootstrap-herbie.css

@@ -6562,6 +6562,12 @@ a:focus {
   margin-bottom: 24px;
   margin-top: 24px;
 }
+#app .ml-auto, #app .mx-auto {
+  margin-left: auto;
+}
+#app .mr-auto, #app .mx-auto {
+  margin-right: auto;
+}
 #app .p-0 {
   padding: 0;
 }
@@ -7885,7 +7891,7 @@ a:focus, a:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.subtree__node--is-selected {
+.subtree__node--is-selected > .subtree__node__inner {
   text-decoration: underline;
   font-weight: bold;
 }

dist/styles/bootstrap-monotony.css

@@ -6563,6 +6563,12 @@ a:focus {
   margin-bottom: 24px;
   margin-top: 24px;
 }
+#app .ml-auto, #app .mx-auto {
+  margin-left: auto;
+}
+#app .mr-auto, #app .mx-auto {
+  margin-right: auto;
+}
 #app .p-0 {
   padding: 0;
 }
@@ -7886,7 +7892,7 @@ a:focus, a:hover {
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.subtree__node--is-selected {
+.subtree__node--is-selected > .subtree__node__inner {
   text-decoration: underline;
   font-weight: bold;
 }

src/sass/_legacy/_tree.sass

@@ -355,7 +355,8 @@ $node-popup-width: 544px
       text-decoration: underline
       text-underline-offset: 2px // easing node reading (empirical)
 
-    &--is-selected
+    &--is-selected > &__inner
+      // (only current node, not its children)
       text-decoration: underline
       font-weight: bold
 

src/sass/base/_utilities.scss

@@ -73,6 +73,9 @@
   .mx-3 { margin-right:   space-x(3); margin-left:  space-x(3);   }
   .my-3 { margin-bottom:  space-x(3); margin-top:   space-x(3);   }
 
+  .ml-auto, .mx-auto { margin-left: auto;  }
+  .mr-auto, .mx-auto { margin-right: auto; }
+
   // Padding
   .p-0 { padding: 0;          }
   .p-1 { padding: space-x(1); }