Align header in diff view with change view
Make colon transparent.
Remove dash and replace with spacing-m margin.
Remove space between checkbox and dropdown menu.
Screenshot: https://imgur.com/a/8A0SVea
Change-Id: I865de0cc0ee77a5436c4a1ba4c06b4ebb462c7a5
diff --git a/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html b/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
index 6c20a6a..82b0578 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
@@ -75,6 +75,12 @@
header {
padding: var(--spacing-s) var(--spacing-l);
}
+ .changeNumberColon {
+ color: transparent;
+ }
+ .headerSubject {
+ margin-right: var(--spacing-m);
+ }
.patchRangeLeft {
align-items: center;
display: flex;
@@ -215,16 +221,15 @@
>
<header>
<h3>
- <a href$="[[_computeChangePath(_change, _patchRange.*, _change.revisions)]]">
- [[_changeNum]]</a><span>:</span>
- <span>[[_change.subject]]</span>
- <span class="dash">—</span>
+ <a href$="[[_computeChangePath(_change, _patchRange.*, _change.revisions)]]">[[_changeNum]]</a><!--
+ --><span class="changeNumberColon">:</span>
+ <span class="headerSubject">[[_change.subject]]</span>
<input id="reviewed"
class="reviewed hideOnEdit"
type="checkbox"
on-change="_handleReviewedChange"
- hidden$="[[!_loggedIn]]" hidden>
- <div class="jumpToFileContainer">
+ hidden$="[[!_loggedIn]]" hidden><!--
+ --><div class="jumpToFileContainer">
<gr-dropdown-list
id="dropdown"
value="[[_path]]"
