Display the first line of commit in UI (#142)

* Fix the layout of deployment responsible

Author: Noah Hanjun Lee

ui/src/components/DeployForm.tsx

@@ -305,10 +305,12 @@ function CommitDecorator(props: CommitDecoratorProps): JSX.Element {
     const tag = (props.commit.sha === props.currentDeployment?.sha) ?
         <AntdTag color="success">{props.currentDeployment.env}</AntdTag> : 
         null
+
+    const [line] = props.commit.message.split(/(\r\n|\n|\r)/g, 1)
 
     return (
         <span>
-            <Text className="gitploy-code" code>{props.commit.sha.substring(0, 7)}</Text>{tag}- <Text strong>{props.commit.message}</Text> <br/>
+            <Text className="gitploy-code" code>{props.commit.sha.substring(0, 7)}</Text>{tag}- <Text strong>{line}</Text> <br/>
             {(props.commit?.author)?
                 <span >
                     &nbsp;<Text ><Avatar size="small" src={props.commit.author.avatarUrl} /> {props.commit.author.login}</Text> <Text >committed {moment(props.commit.author?.date).fromNow()}</Text>

ui/src/components/DeploymentStatusSteps.tsx

@@ -22,7 +22,8 @@ export default function DeploymentStatusSteps(props: DeploymentStatusStepsProps)
         <Steps 
             current={props.deployment.statuses.length - 1}
             size="small" 
-            responsive>
+            responsive
+        >
             {props.deployment.statuses.map((status, idx) => {
                 const title = (status.logUrl)?
                     <a href={status.logUrl}>{status.status}</a> :

ui/src/views/Deployment.tsx

@@ -183,7 +183,7 @@ export default function DeploymentView(): JSX.Element {
                             null}
                         <Divider />
                     </Col>
-                    <Col xs={{span: 24}} md={{span: 18}}>
+                    <Col xs={{span: 24}} md={(deployment.isApprovalEanbled)? {span: 18} : {span: 21}}>
                         <DeployConfirm 
                             isDeployable={isDeployable(deployment, approvals)}
                             deploying={RequestStatus.Pending === deploying}