cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use flexbox instead of floating to position the comment icon

Browse source 
This ensures both components get appropriate padding. Fixes #3305
This commit is contained in:
Andy Allan 2021-10-13 17:36:48 +01:00
parent 3617974630
commit b0a9b39c8d
2 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/common.scss
View file

@ -791,7 +791,6 @@ tr.turn:hover {
}
.comments {
float: right;
color: $darkgrey;
}

12
app/views/changesets/_changeset.html.erb
View file

@ -16,13 +16,15 @@
<%= changeset.tags["comment"].to_s.presence || t("browse.no_comment") %>
</a>
</p>
<div class="comments comments-<%= changeset.comments.length %>">
<%= changeset.comments.length %>
<span class="icon note grey"></span>
</div>
<div class="details">
<div class="row">
<div class="col">
<%= changeset_details(changeset) %>
&middot;
#<%= changeset.id %>
</div>
<div class="col-auto comments comments-<%= changeset.comments.length %>">
<%= changeset.comments.length %>
<span class="icon note grey"></span>
</div>
</div>
<% end %>