Merge pull request #205 from zenml-io/stack-creation-fixes

Stack creation fixes

Author: danialraza03

src/ui/components/forms/index.tsx

@@ -216,10 +216,10 @@ export const SearchInputField = (
   } & any,
 ): JSX.Element => {
   return (
-    <FlexBox.Column fullWidth style={{ height: '100px' }}>
+    <FlexBox.Column fullWidth style={{ height: '100px', marginTop: '-10px' }}>
       <FlexBox alignItems="center" fullWidth style={{ position: 'relative' }}>
         <LinkBox
-          style={{ position: 'absolute', left: '7px', top: '30px' }}
+          style={{ position: 'absolute', left: '7px', top: '35px' }}
           onClick={() => {}}
         >
           <icons.search color={iconColors.grey} />

src/ui/layouts/common/CustomStackBox/index.module.scss

@@ -22,10 +22,11 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  .imageContainer {
-    
-    height: 59px;
-    width: 119px;
+  margin: 8px;
+
+  .imageContainer {  
+    height: 50px;
+    width: 100px;
     background-color: #fff;  
     // display: flex;
     // justify-content: center;

src/ui/layouts/stackComponents/RegisterComponents/ListForAll/index.tsx

@@ -81,7 +81,7 @@ export const ListForAll: React.FC<Props> = ({ type }: Props) => {
   return (
     <>
       <FlexBox.Column fullWidth>
-        <div style={{ marginBottom: '-30px' }}>
+        <div style={{ marginBottom: '-10px' }}>
           <SearchInputField
             placeholder={'Search'}
             value={text}