nodes.scss in alchemy_cms-7.2.1

- old
+ new

@@ -25,18 +25,22 @@
 
     > a {
       overflow: hidden;
       text-overflow: ellipsis;
       max-width: 100%;
+      line-height: 2;
 
       .external & {
         max-width: 90%;
       }
     }
   }
 
   .node_page {
+    display: inline-flex;
+    gap: $default-padding;
+    align-items: center;
     padding: 0 8px;
     margin-left: auto;
   }
 
   .node_url {
@@ -46,18 +50,14 @@
     white-space: nowrap;
     background-color: $sitemap-info-background-color;
     line-height: $sitemap-line-height;
     font-size: $small-font-size;
     @include border-right-radius($default-border-radius);
-
-    > i {
-      margin-left: auto;
-      padding-left: $default-padding;
-    }
   }
 
   .node_folder {
+    display: inline-flex;
     cursor: pointer;
   }
 
   ul {
     margin: 0;
@@ -82,10 +82,12 @@
   display: none;
   margin-left: 2 * $default-margin;
 }
 
 .sitemap_node {
+  display: flex;
+  align-items: center;
   height: $sitemap-line-height;
   margin: 3 * $default-margin 0;
   transition: background-color $transition-duration;
 
   &.highlight {
@@ -100,12 +102,13 @@
     background-color: $sitemap-page-hover-color;
     border-radius: $default-border-radius;
   }
 
   .node_name {
-    height: $sitemap-line-height;
     display: flex;
+    height: $sitemap-line-height;
+    flex: 1;
     justify-content: space-between;
     @include border-left-radius($default-border-radius);
     padding: 0 0 0 10px;
     margin: 2px;
     text-decoration: none;
@@ -122,30 +125,29 @@
     }
   }
 }
 
 .nodes_tree-left_images {
+  justify-content: center;
+  display: flex;
+  align-items: center;
   position: relative;
   width: 32px;
-  line-height: $sitemap-line-height;
-  float: left;
+  height: $sitemap-line-height;
   padding: 0 2 * $default-padding;
-  text-align: center;
 }
 
 .nodes_tree-right_tools {
   display: flex;
   height: $sitemap-line-height;
   padding: 0 2 * $default-padding;
-  float: right;
   align-items: center;
 
   > a {
-    float: left;
+    display: inline-flex;
     width: $sitemap-line-height;
     height: $sitemap-line-height;
-    line-height: $sitemap-line-height;
-    text-align: center;
+    align-items: center;
     text-decoration: none;
     margin: 0;
 
     &.disabled .icon {
       opacity: 0.25;