Commit 670192b9 authored by Nick Stenning's avatar Nick Stenning

Don't rely on whitespace insertion for correct spacing

The annotation action buttons are inline-block elements which means that
whitespace between the tags results in inserted whitespace in the
document when rendered. This rendered whitespace is roughly 4px wide.

Instead, switch the layout of the annotation actions div to use flexbox,
in which no such whitespace is inserted, and add 4px to the margin on
the buttons.
parent 32593060
...@@ -157,13 +157,14 @@ $annotation-card-left-padding: 10px; ...@@ -157,13 +157,14 @@ $annotation-card-left-padding: 10px;
.annotation-actions { .annotation-actions {
float: right; float: right;
margin-top: 0; margin-top: 0;
display: flex;
} }
.annotation-action-btn { .annotation-action-btn {
color: $grey-5; color: $grey-5;
font-weight: normal; font-weight: normal;
padding: 0; padding: 0;
margin: 0px 0px 0px 8px; margin: 0px 0px 0px 12px;
} }
.annotation-action-btn__label { .annotation-action-btn__label {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment