fix odd edit arrow alignment

This commit is contained in:
revealtheweb 2019-10-22 11:55:59 +01:00 committed by groovecoder
parent e44fcdf606
commit b0661f79aa
2 changed files with 13 additions and 9 deletions

View file

@ -754,21 +754,24 @@ span ~ .panel-header-text {
background: var(--primary-action-color);
block-size: 100%;
color: #fff;
display: flex;
flex: 1;
display: inline-block;
justify-content: center;
padding-block-start: 6px;
padding-inline-start: 30%;
}
.exit-edit-mode-link::before {
background: url('/img/container-arrow.svg') no-repeat;
.edit-containers-panel-footer {
background: var(--primary-action-color);
}
.exit-edit-mode-link img {
block-size: 16px;
content: "";
display: block;
display: inline;
filter: grayscale(100%) brightness(5);
float: left;
inline-size: 16px;
margin-inline-end: 5px;
transform: scaleX(-1);
vertical-align: bottom;
}
.delete-container-confirm {

View file

@ -160,7 +160,8 @@
</table>
</div>
<div class="panel-footer edit-containers-panel-footer">
<a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">Exit Edit Mode</a>
<a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">
<img src="/img/container-arrow.svg"/>Exit Edit Mode</a>
</div>
</div>