fix(frontend): fixing select spans visual bug (#2698)

fix(frontend): fixing select spans visual bue
kubeshop · Jun 9, 2023 · 81e6df1 · 81e6df1
1 parent 342564c
commit 81e6df1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/web/src/components/CurrentSpanSelector/CurrentSpanSelector.styled.ts b/web/src/components/CurrentSpanSelector/CurrentSpanSelector.styled.ts
@@ -1,6 +1,8 @@
 import styled from 'styled-components';
 
 export const Container = styled.div`
+  position: absolute;
+  left: 20%;
   display: flex;
   justify-content: center;
   margin-top: 2px;

diff --git a/web/src/components/CurrentSpanSelector/CurrentSpanSelector.tsx b/web/src/components/CurrentSpanSelector/CurrentSpanSelector.tsx
@@ -29,7 +29,6 @@ const CurrentSpanSelector = ({spanId}: IProps) => {
 
   const handleOnClick = useCallback(() => {
     const selector = SpanService.getSelectorInformation(span!);
-
     if (isTestSpecFormOpen)
       open({
         isEditing: false,
@@ -42,8 +41,8 @@ const CurrentSpanSelector = ({spanId}: IProps) => {
   }, [isTestSpecFormOpen, onOpen, open, span]);
 
   return (
-    <S.Container className="matched">
-      <S.FloatingText onClick={() => !isTriggerSelectorLoading && handleOnClick()}>
+    <S.Container className="matched" onClick={() => !isTriggerSelectorLoading && handleOnClick()}>
+      <S.FloatingText>
         {isTriggerSelectorLoading ? (
           <>
             Updating selected span <LoadingOutlined />