adjust margin of title and description text

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

Author: msivasubramaniaan

src/webview/devfile-registry/app/cardItem.style.tsx

@@ -135,7 +135,7 @@ export default (theme: Theme) =>
             textAlign: 'center',
             outline: '0.0625rem solid transparent',
             outlineOffset: '0.125rem!important',
-            fontSize: '10px',
+            fontSize: 'var(--vscode-font-size)',
             fontFamily: 'var(--vscode-font-family)',
             justifyContent: 'space-between',
             color: 'var(--vscode-button-foreground)',

src/webview/devfile-registry/app/starterProjectDisplay.style.tsx

@@ -8,11 +8,11 @@ import { Theme, createStyles } from '@material-ui/core/styles';
 export default (theme: Theme) =>
     createStyles({
         displayedName: {
-            margin: '0rem',
+            margin: '0rem 0.5rem',
             marginBottom: '0rem!important'
         },
         displayedDescription: {
-            margin: '0rem',
+            margin: '0rem 0.5rem',
             marginBottom: '0rem',
             color: '#adabae'
         }