style: adjust margins and alignment in form designer and properties tabs

Author: czwe-01

shesha-reactjs/src/components/formDesigner/styles/styles.ts

@@ -202,6 +202,7 @@ export const useMainStyles = createStyles(({ css, cx, token, prefixCls, iconPref
                 align-items: center;
                 justify-content: flex-start;
                 margin-top: -10px;
+                margin-right: 32px;
             }
 
             .${shaDesignerToolbarLeft} {

shesha-reactjs/src/designer-components/_settings/styles/styles.ts

@@ -35,15 +35,9 @@ export const useStyles = createStyles(({ css, cx, responsive, token }) => {
             position: relative;
             
             +.ant-form-item-tooltip {
-            align-self: end !important;
-            position: relative;
-            bottom: -2px;
-            margin-right: 8px;
-            }
-
-            +.sha-required-mark {
+                align-self: end !important;
                 position: relative;
-                bottom: -8px;
+                top: 4px;
             }
     `);
 

shesha-reactjs/src/designer-components/propertiesTabs/style.ts

@@ -1,6 +1,6 @@
 import { createStyles } from '@/styles';
 
-export const useStyles = createStyles(({ css, cx }) => {
+export const useStyles = createStyles(({ css, cx , token}) => {
     const searchField = cx(css`
     width: 100%;
     background: #fff;
@@ -29,6 +29,15 @@ export const useStyles = createStyles(({ css, cx }) => {
         white-space: nowrap;
       }
     }
+
+    * > .sha-required-mark {
+      margin-left: 4px;
+      color: ${token.colorErrorText};
+      font-family: ${token.fontFamily};
+      line-height: 1;
+      position: relative;
+      top: 8px;
+    }
   `);
 
   return {