tweak analysis PGN import button

ui/analyse/css/_analyse.free.scss

@@ -5,6 +5,19 @@
 
   .pair {
     @extend %flex-center;
+    position: relative;
+    .action {
+      @extend %box-radius-bottom;
+      position: absolute;
+      right: 0;
+      top: 100%;
+      text-align: right;
+      opacity: 0;
+      @include transition();
+    }
+    textarea:focus ~ .action {
+      opacity: 1;
+    }
   }
   .name {
     flex: 0 0 5ch;
@@ -21,18 +34,6 @@
       white-space: pre-wrap;
       overflow-x: hidden;
     }
-    .action {
-      opacity: 0;
-      text-align: right;
-      margin-top: -2px;
-      @include transition();
-      button {
-        @extend %box-radius-bottom;
-      }
-    }
-    &:hover .action {
-      opacity: 1;
-    }
   }
 }
 

ui/analyse/css/_round-underboard.scss

@@ -32,10 +32,8 @@ $col2-panel-height: 240px;
         transform: scale(0);
       }
       &.active,
-      &:hover {
-        &::after {
-          transform: scale(1);
-        }
+      &:hover::after {
+        transform: scale(1);
       }
       &.active {
         color: $c-accent;

ui/analyse/src/view.ts

@@ -117,10 +117,8 @@ function inputs(ctrl: AnalyseCtrl): VNode | undefined {
               (vnode.elm as HTMLInputElement).value = pgnExport.renderFullTxt(ctrl);
             }
           }
-        })
-      ]),
-      h('div.action', [
-        h('button.button.button-thin.text', {
+        }),
+        h('button.button.button-thin.action.text', {
           attrs: dataIcon('G'),
           hook: bind('click', _ => {
             const pgn = $('.copyables .pgn textarea').val();