Fix WidgetsListPart UI (#14461)

src/OrchardCore.Modules/OrchardCore.Widgets/Assets/scss/widgetslist.edit.scss

@@ -61,3 +61,64 @@
         }
     }
 }
+
+.btn-widget-metadata {
+    margin: 0 auto;
+    left: 0;
+    top: -6px;
+    position: absolute;
+    visibility: collapse;
+    height: 1px;
+    white-space: nowrap;
+    text-align: center;
+    transition: 0.3s visibility;
+
+    > .btn-group {
+        top: -20px;
+    }
+}
+
+.widget-editor-header {
+    &.card-header {
+        &:hover {
+            > .btn-widget-metadata {
+                visibility: visible;
+            }
+        }
+    }
+}
+
+.btn-widget-add-below-wrapper{
+    min-height: 5px;
+
+    &:hover{
+        > .btn-widget-add-below{
+            border-width: 5px;
+            opacity: 1;
+        }
+    }
+}
+
+.btn-widget-add-below {
+    height: 1px;
+    position: relative;
+    opacity: 0.5;
+    transition: 0.3s opacity;
+
+    > .btn-group {
+        margin: 0 auto;
+        bottom: 17px;
+    }
+}
+
+[dir="ltr"] .btn-widget-add-below {
+    > .btn-group {
+        left: calc(-14px + 50%);
+    }
+}
+
+[dir="rtl"] .btn-widget-add-below {
+    > .btn-group {
+        right: calc(-14px + 50%);
+    }
+}