Move warning msg below viz (#10546)

Fixes [10450](#10450)

![image](https://github.com/user-attachments/assets/21efe4e0-922b-4a83-8f6e-ddaea360e655)

CHANGELOG.md

@@ -13,10 +13,12 @@
   node being completely altered by accidental code put to the widget.
 - [Redesigned "record control" panel][10509]. Now it contains more intuitive
   "refresh" and "run workflow" buttons.
+- [Warning messages do not obscure visualization buttons][10546].
 
 [10433]: https://github.com/enso-org/enso/pull/10443
 [10457]: https://github.com/enso-org/enso/pull/10457
 [10509]: https://github.com/enso-org/enso/pull/10509
+[10546]: https://github.com/enso-org/enso/pull/10546
 
 #### Enso Enso Standard Library
 

app/gui2/src/components/GraphEditor/GraphNode.vue

@@ -555,7 +555,7 @@ watchEffect(() => {
     </svg>
     <SmallPlusButton
       v-if="menuVisible && isVisualizationVisible"
-      class="below-viz"
+      class="afterNode"
       @createNodes="emit('createNodes', $event)"
     />
   </div>
@@ -665,6 +665,7 @@ watchEffect(() => {
   position: absolute;
   top: 100%;
   margin-top: 4px;
+  transform: translateY(var(--viz-below-node));
 }
 
 .messageWithMenu {
@@ -705,11 +706,4 @@ watchEffect(() => {
 .dragged {
   cursor: grabbing !important;
 }
-
-.below-viz {
-  position: absolute;
-  top: 100%;
-  transform: translateY(var(--viz-below-node));
-  margin-top: 4px;
-}
 </style>