Applied. Raxel Gutierrez <ra...@google.com> writes:
> Change both of the message containers in the "Commit Message" and > "Comments" to have their content be left-aligned which improves the > proximity of items which boosts the efficiency of gathering information > and performing actions. Before [1] and after [2] images for reference. > > [1] https://i.imgur.com/ji2ZINL.png > [2] https://i.imgur.com/Dtn8lm9.png > > Signed-off-by: Raxel Gutierrez <ra...@google.com> > --- > htdocs/css/style.css | 12 ++++++---- > patchwork/templates/patchwork/submission.html | 23 ++++++++++--------- > 2 files changed, 19 insertions(+), 16 deletions(-) > > diff --git a/htdocs/css/style.css b/htdocs/css/style.css > index f30988e0..a2a2e3c3 100644 > --- a/htdocs/css/style.css > +++ b/htdocs/css/style.css > @@ -296,17 +296,19 @@ table.patch-meta tr th, table.patch-meta tr td { > color: #f7977a; > } > > -.comment .meta { > +.submission-message .meta { > + display: flex; > + align-items: center; > background: #f0f0f0; > padding: 0.3em 0.5em; > } > > -.comment .content { > - border: 0; > +.submission-message .message-date { > + margin-left: 8px; > } > > -.patch .content { > - padding: 1em; > +.submission-message .content { > + border: 0; > } > > .patch-pull-url { > diff --git a/patchwork/templates/patchwork/submission.html > b/patchwork/templates/patchwork/submission.html > index 66efa0b5..36b15d0e 100644 > --- a/patchwork/templates/patchwork/submission.html > +++ b/patchwork/templates/patchwork/submission.html > @@ -257,14 +257,14 @@ > {% else %} > <h2>Message</h2> > {% endif %} > -<div class="comment"> > -<div class="meta"> > - <span>{{ submission.submitter|personify:project }}</span> > - <span class="pull-right">{{ submission.date }} UTC</span> > -</div> > -<pre class="content"> > -{{ submission|commentsyntax }} > -</pre> > +<div class="submission-message"> > + <div class="meta"> > + <span>{{ submission.submitter|personify:project }}</span> > + <span class="message-date">{{ submission.date }} UTC</span> > + </div> > + <pre class="content"> > + {{ submission|commentsyntax }} > + </pre> > </div> > > {% for item in comments %} > @@ -273,11 +273,12 @@ > {% endif %} > > <a name="{{ item.id }}"></a> > -<div class="comment"> > +<div class="submission-message"> > <div class="meta"> > <span>{{ item.submitter|personify:project }}</span> > - <span class="pull-right">{{ item.date }} UTC | <a href="{% url > 'comment-redirect' comment_id=item.id %}" > - >#{{ forloop.counter }}</a></span> > + <span class="message-date">{{ item.date }} UTC | > + <a href="{% url 'comment-redirect' comment_id=item.id %}">#{{ > forloop.counter }}</a> > + </span> > </div> > <pre class="content"> > {{ item|commentsyntax }} > -- > 2.33.0.rc2.250.ged5fa647cd-goog > > _______________________________________________ > Patchwork mailing list > Patchwork@lists.ozlabs.org > https://lists.ozlabs.org/listinfo/patchwork _______________________________________________ Patchwork mailing list Patchwork@lists.ozlabs.org https://lists.ozlabs.org/listinfo/patchwork
