From 0f1f9cc5f2d68edfe7cd1a89a6a60b237acfe037 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@openproject.com>
Date: Fri, 29 Jun 2018 09:52:43 +0200
Subject: [PATCH] Fix breadcrumb alignment && add spaces in WP info row

---
 app/assets/stylesheets/layout/_breadcrumb.sass                | 1 -
 .../work-packages/wp-single-view/wp-single-view.html          | 4 ++++
 .../src/app/modules/common/date/op-date-time.component.ts     | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/layout/_breadcrumb.sass b/app/assets/stylesheets/layout/_breadcrumb.sass
index 6c5b747d6d..c3a9af6874 100644
--- a/app/assets/stylesheets/layout/_breadcrumb.sass
+++ b/app/assets/stylesheets/layout/_breadcrumb.sass
@@ -93,7 +93,6 @@ ul.breadcrumb
 
 .wp-breadcrumb
   margin-top: 10px
-  margin-left: -10px
   height: initial
   ul.breadcrumb
     height: initial
diff --git a/frontend/src/app/components/work-packages/wp-single-view/wp-single-view.html b/frontend/src/app/components/work-packages/wp-single-view/wp-single-view.html
index f4d19ccb0b..4abadb20d8 100644
--- a/frontend/src/app/components/work-packages/wp-single-view/wp-single-view.html
+++ b/frontend/src/app/components/work-packages/wp-single-view/wp-single-view.html
@@ -19,9 +19,13 @@
          *ngIf="!workPackage.isNew">
       <span [textContent]="idLabel"></span>:
       <span [textContent]="text.infoRow.createdBy"></span>
+      <!-- The space has to be in an extra span
+      because otherwise the browser would add a second space after it -->
+      <span>&nbsp;</span>
       <user-link class="user-link"
                  [user]="workPackage.author"></user-link>.
       <span [textContent]="text.infoRow.lastUpdatedOn"></span>
+      <span>&nbsp;</span>
       <op-date-time [dateTimeValue]="workPackage.updatedAt"></op-date-time>.
      </div>
 
diff --git a/frontend/src/app/modules/common/date/op-date-time.component.ts b/frontend/src/app/modules/common/date/op-date-time.component.ts
index fd97288b01..bc530f5a17 100644
--- a/frontend/src/app/modules/common/date/op-date-time.component.ts
+++ b/frontend/src/app/modules/common/date/op-date-time.component.ts
@@ -35,7 +35,7 @@ import {TimezoneService} from 'core-components/datetime/timezone.service';
     <span title="{{date}} {{ time }}">
       <span [textContent]="date"></span>
       <span [textContent]="time"></span>
-    </span>'
+    </span>
   `
 })
 export class OpDateTimeComponent {