adjusted with marginTop (#2935)

* adjusted with marginTop

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

* positioned header middle of the box

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

---------

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

src/webview/common/cardItem.style.tsx

@@ -145,7 +145,6 @@ export default (_theme: Theme) =>
             flexDirection: 'column'
         },
         helmCardHeader: {
-            paddingTop: '1.5rem!important',
             borderBottom: '1px solid',
             borderBottomColor: 'inherit',
             height: 'auto',

src/webview/helm-chart/app/cardItem.tsx

@@ -312,7 +312,7 @@ export class CardItem extends React.Component<DevFileProps, {
                                     alt={this.state.selectedVersion.icon + ' logo'}
                                     className={this.props.cardItemStyle.cardImage}
                                     style={{ margin: '0rem' }} />
-                                <div style={{ margin: '0rem' }}>
+                                <div style={{ marginTop: '0.6rem' }}>
                                     <Typography variant='subtitle1'>
                                         {
                                             capitalizeFirstLetter(this.props.helmEntry.displayName)
@@ -326,7 +326,7 @@ export class CardItem extends React.Component<DevFileProps, {
                                         installResponse.loadScreen && <LoadScreen title='Installation in Progress' type='circle' />
                                     }
                                 </div>
-                                <div style={{float: 'right'}}>
+                                <div style={{float: 'right', marginTop: '0.5rem'}}>
                                     <Button
                                         disabled={this.handleDisable() || installResponse.installed}
                                         variant='outlined'