ISTWCMS-6010: Adjust the width of the drag handle

src/patterns/01-core/elements/_form.scss

@@ -181,26 +181,48 @@ button {
     }
   }
 }
+
 .webform-multiple-add {
+  margin-top: var(--size-2) !important;
   > .button{
     @include button-reset();
-    @include svg-background-color(var(--gray-4), plus);
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: contain;
+    border: var(--size-sm) solid #000 !important;
     display: inline-block;
-    height: var(--size-105);
+    padding: 2px;
+    border-radius: 50%;
+    opacity: 0.4;
     position: relative;
     text-indent: -9999px;
     vertical-align: middle;
-    width: var(--size-105);
+    width: var(--size-205);
     &:hover,
     &:focus{
-      @include svg-background-color(var(--uw-black), plus);
-      background-position: center center;
-      background-repeat: no-repeat;
-      background-size: contain;
-      border: var(--size-xs) solid transparent;
+      border: var(--size-sm) solid #000 !important;
+      opacity: 1;
+    }
+  }
+}
+
+.js-form-type-webform-multiple{
+  .draggable{
+    &:hover,
+    &:focus {
+      td{
+        background-color: #f7fcff;
+      }
+    }
+    a.tabledrag-handle .handle {
+      background-position: 0 8px;
+      height: 24px;
+      width: 16px;
+    }
+    .drag & {
+      &:hover,
+      &:focus {
+        td{
+          background-color: #ffd;
+        }
+      }
     }
   }
 }