fix surveyjs#2019 (surveyjs#2028)

Co-authored-by: Olga Larina <olga.larina.dev@gmail.com>

Author: OlgaLarina

packages/survey-creator-core/src/components/tabs/logic-ui.scss

@@ -34,7 +34,7 @@
     width: 100%;
   }
 }
-.svc-logic-tab__content .svc-logic-operator {
+.svc-logic-paneldynamic .svc-logic-operator {
   appearance: none;
   padding: calcSize(1) calcSize(2);
   border-radius: calcSize(12.5);
@@ -51,6 +51,10 @@
   }
 }
 
+.svc-logic-operator:focus {
+  outline: 1px dotted $primary;
+}
+
 .svc-logic-question--answered .svc-logic-operator {
   color: $foreground;
 }
@@ -94,11 +98,11 @@
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H18H14V2C14 0.9 13.1 0 12 0H8C6.9 0 6 0.9 6 2V4H2H0V6H2V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V6H20V4ZM8 2H12V4H8V2ZM16 20H4V6H6H14H16V20ZM12 8H14V18H12V8ZM9 8H11V18H9V8ZM6 8H8V18H6V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A");
 }
 
-.svc-logic-tab__content .svc-logic-paneldynamic__button-remove-text {
+.svc-logic-paneldynamic .svc-logic-paneldynamic__button-remove-text {
   display: none;
 }
 
-.svc-logic-tab__content .svc-logic-paneldynamic__button {
+.svc-logic-paneldynamic .svc-logic-paneldynamic__button {
   background: none;
   box-shadow: none;
   appearance: none;
@@ -198,6 +202,7 @@
 .sl-table__cell--detail-panel {
   .sd-page.sd-body__page {
     padding-left: 0;
+    padding-top: 0;
   }
 
   .sl-panel__footer {

packages/survey-creator-core/src/components/tabs/logic.scss

@@ -1,7 +1,9 @@
 @import "../../variables.scss";
 @import "../../colors.scss";
 
-.sl-table__row:hover .sl-detail-panel__icon:before {
+.sl-table__row:hover .sl-detail-panel__icon:before,
+.sl-table__cell--detail-button:focus .sl-detail-panel__icon:before 
+ {
   content: "";
   display: block;
   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2223%22%20viewBox%3D%220%200%2010%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M0%204.7L1.4%206.1L3.7%203.8V9.4H5.7V3.8L8%206.1L9.4%204.7L4.7%200L0%204.7Z%22%20fill%3D%22%23909090%22%2F%3E%0A%3Cpath%20d%3D%22M5.7%2018.9999V13.3999H3.7V18.9999L1.4%2016.6999L0%2018.0999L4.7%2022.7999L9.4%2018.0999L8%2016.6999L5.7%2018.9999Z%22%20fill%3D%22%23909090%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%229.4%22%20height%3D%2222.8%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
@@ -14,7 +16,8 @@
 .sl-table__row #remove-row .sv-action-bar-item__icon use {
   display: none;
 }
-.sl-table__row:hover #remove-row {
+.sl-table__row:hover #remove-row,
+#remove-row:focus-within {
   .sv-action-bar-item {
     padding: calcSize(0.25);
     border: none;
@@ -42,9 +45,10 @@
 .sl-table__cell--detail-button {
   overflow: hidden;
   appearance: none;
+  outline: none;
   border: none;
   background-color: transparent;
-  padding: calсSize(0.25);
+  padding: calcSize(0.25);
 }
 
 .sl-table {