commit 0d287efc688c9fef057bfe382f7dd33579fb8868
author Milutin Kristofic <milutin@google.com> Wed Dec 08 15:52:51 2021 +0100
committer Milutin Kristofic <milutin@google.com> Thu Dec 09 12:59:06 2021 +0000
tree 42a7d452fa20cd4bc3f4b239641492ee7031691e
parent 75d7bc1c8196da5683f104f3285661c364de0680

Submit Requirements - Align Ready and unsatisfied summary

Each icon should have margin right 2px so they align. Before only
unsatisfied summary had margin left 2px.

Before: https://imgur.com/a/elYW1wI
After: https://imgur.com/a/xFJlvaE
Google-Bug-Id: b/209777673
Change-Id: I36e917daadd3d2fcc415c585404fd3f01bf22e14

polygerrit-ui/app/elements/change-list/gr-change-list-column/gr-change-list-column.ts

diff --git a/polygerrit-ui/app/elements/change-list/gr-change-list-column/gr-change-list-column.ts b/polygerrit-ui/app/elements/change-list/gr-change-list-column/gr-change-list-column.ts
index 0ee7fb6..503e9b8 100644
--- a/polygerrit-ui/app/elements/change-list/gr-change-list-column/gr-change-list-column.ts
+++ b/polygerrit-ui/app/elements/change-list/gr-change-list-column/gr-change-list-column.ts
@@ -36,27 +36,30 @@
           height: var(--line-height-normal, 20px);
           vertical-align: top;
         }
-        span {
-          line-height: var(--line-height-normal);
-        }
-        .unsatisfied {
-          color: var(--primary-text-color);
-          margin-left: var(--spacing-xs);
-        }
-        .total {
-          margin-left: var(--spacing-xs);
-          color: var(--deemphasized-text-color);
-        }
-        .check-circle-filled {
-          color: var(--success-foreground);
+        iron-icon.block,
+        iron-icon.check-circle-filled {
+          margin-right: var(--spacing-xs);
         }
         iron-icon.block {
           color: var(--deemphasized-text-color);
         }
-        .commentIcon {
+        iron-icon.commentIcon {
           color: var(--deemphasized-text-color);
           margin-left: var(--spacing-s);
         }
+        span {
+          line-height: var(--line-height-normal);
+        }
+        span.check-circle-filled {
+          color: var(--success-foreground);
+        }
+        .unsatisfied {
+          color: var(--primary-text-color);
+        }
+        .total {
+          margin-left: var(--spacing-xs);
+          color: var(--deemphasized-text-color);
+        }
         :host {
           align-items: center;
           display: inline-flex;