From ca25a32558c2a58deb8c71d0f238a861c577277c Mon Sep 17 00:00:00 2001
From: Jan Kuri <jkuri88@gmail.com>
Date: Tue, 3 Oct 2017 21:54:47 +0200
Subject: [PATCH] fix(ui): various fixes

---
 .../app-build-details/app-build-details.component.html    | 4 ++--
 src/app/components/app-job/app-job.component.html         | 2 +-
 src/app/styles/mobile.sass                                | 8 +++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/components/app-build-details/app-build-details.component.html b/src/app/components/app-build-details/app-build-details.component.html
index 578bb0507..b0c3c6d21 100644
--- a/src/app/components/app-build-details/app-build-details.component.html
+++ b/src/app/components/app-build-details/app-build-details.component.html
@@ -62,12 +62,12 @@ <h1 class="bold">
                         <img src="images/icons/git-commit.svg">
                       </span>
                       <span *ngIf="build?.data?.pull_request?.head?.sha">{{ build?.data?.pull_request?.head?.sha.slice(0, 7) }}</span>
-                      <span *ngIf="!build?.data?.pull_request?.head?.sha && build?.data?.after">{{ build?.data?.after.slice(0, 7) }}</span>
+                      <span *ngIf="!build?.data?.pull_request?.head?.sha && build?.data?.after">{{ build?.data?.after?.slice(0, 7) }}</span>
                       <span *ngIf="!build?.data?.pull_request?.head?.sha && !build?.data?.after && build?.data?.sha">{{ build?.data?.sha.slice(0, 7) }}</span>
                       <span *ngIf="!build?.data?.pull_request?.head?.sha && !build?.data?.after && !build?.data?.sha && build?.data?.object_attributes?.last_commit?.id">{{ build?.data?.object_attributes?.last_commit?.id.slice(0, 7) }}</span>
                       <span *ngIf="build?.data?.push?.changes">{{ build?.data?.push?.changes[0].commits[0].hash.slice(0, 7) }}</span>
                       <span *ngIf="build?.data?.pullrequest">{{ build?.data?.pullrequest?.source?.commit?.hash.slice(0, 7) }}</span>
-                      <span *ngIf="build?.data?.commit">{{ build?.data?.commit?.id.slice(0, 7) }}</span>
+                      <span *ngIf="build?.data?.commit">{{ build?.data?.commit?.id?.slice(0, 7) }}</span>
                     </p>
                   </div>
                   <div class="column is-4">
diff --git a/src/app/components/app-job/app-job.component.html b/src/app/components/app-job/app-job.component.html
index 4068cf25e..50c8f15c3 100644
--- a/src/app/components/app-job/app-job.component.html
+++ b/src/app/components/app-job/app-job.component.html
@@ -70,7 +70,7 @@ <h2 *ngIf="commitMessage">{{ commitMessage }}</h2>
                       <span *ngIf="!job?.build?.data?.pull_request && !job?.build?.data?.after && !job?.build?.data?.sha && job?.build?.data?.object_attributes?.last_commit?.id">{{ job?.build?.data?.object_attributes?.last_commit?.id.slice(0, 7) }}</span>
                       <span *ngIf="job?.build?.data?.push?.changes">{{ job?.build?.data?.push?.changes[0].commits[0].hash.slice(0, 7) }}</span>
                       <span *ngIf="job?.build?.data?.pullrequest">{{ job?.build?.data?.pullrequest?.source?.commit?.hash.slice(0, 7) }}</span>
-                      <span *ngIf="job?.build?.data?.commit">{{ job?.build?.data?.commit?.id.slice(0, 7) }}</span>
+                      <span *ngIf="job?.build?.data?.commit">{{ job?.build?.data?.commit?.id?.slice(0, 7) }}</span>
                     </p>
                   </div>
                   <div class="column is-4">
diff --git a/src/app/styles/mobile.sass b/src/app/styles/mobile.sass
index b3b16c203..e4357cfa9 100644
--- a/src/app/styles/mobile.sass
+++ b/src/app/styles/mobile.sass
@@ -140,7 +140,9 @@
 
   button
     height: 30px
-    display: block
+    display: flex
+    align-items: center
+    justify-content: center
     width: 200px
     margin: 10px auto
     color: $color
@@ -150,3 +152,7 @@
     outline: none
     font-weight: $weight-semibold
     background-image: linear-gradient(0deg, #F2F4F7 0%, #FFFFFF 100%)
+
+    i
+      font-size: 16px
+      margin-left: 5px