Make icons slightly smaller, so they are the same size as before

This commit is contained in:
Henrik Giesel 2021-03-30 02:39:54 +02:00
parent 12021228a5
commit 77de6c0288
3 changed files with 13 additions and 7 deletions

View file

@ -7,22 +7,28 @@
button { button {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 30px; width: 28px;
height: 30px; height: 28px;
padding: 0; padding: 0;
&:hover {
background-color: #eee;
}
} }
span { span {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 100%; height: 100%;
cursor: pointer;
} }
input { input {
opacity: 0; opacity: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
cursor: pointer;
} }
</style> </style>

View file

@ -9,8 +9,8 @@
button { button {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 30px; width: 28px;
height: 30px; height: 28px;
background-color: white; background-color: white;

View file

@ -7,10 +7,10 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: auto; width: auto;
height: 30px; height: 26px;
padding: 3px 10px; padding: 0 10px;
margin-right: 3px; margin: 0 3px;
&:focus { &:focus {
box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.5);