rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix odd edit arrow alignment

Browse source
This commit is contained in:
revealtheweb 2019-10-22 11:55:59 +01:00
parent 27d51f89c7
commit 135396acd5
2 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/css/popup.css
View file

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

5
src/popup.html
View file

@ -160,8 +160,9 @@
</table> </table>
</div> </div>
<div class="panel-footer edit-containers-panel-footer"> <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">
</div> <img src="/img/container-arrow.svg"/>Exit Edit Mode</a>
</div>
</div> </div>