Change icon buttons to be 24×24px instead of 20×20px with padding

This commit is contained in:
Claire 2023-11-17 15:23:20 +01:00
parent 37572b4c61
commit 63c1c17efe

View file

@ -187,8 +187,8 @@
.icon {
flex: 0 0 auto;
width: 20px;
height: 20px;
width: 24px;
height: 24px;
aspect-ratio: 1;
path {
@ -200,7 +200,7 @@
display: inline-flex;
color: $action-button-color;
border: 0;
padding: 2px;
padding: 0;
border-radius: 4px;
background: transparent;
cursor: pointer;
@ -2322,7 +2322,7 @@ $ui-header-height: 55px;
.drawer__tab {
display: flex;
flex: 1 1 auto;
padding: 15px 5px 13px;
padding: 13px 3px 11px;
color: $darker-text-color;
text-decoration: none;
text-align: center;
@ -3211,7 +3211,7 @@ $ui-header-height: 55px;
align-items: center;
gap: 5px;
font-size: 16px;
padding: 15px;
padding: 13px;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
@ -3810,7 +3810,7 @@ a.status-card {
gap: 5px;
margin: 0;
border: 0;
padding: 15px;
padding: 13px;
padding-inline-end: 0;
color: inherit;
background: transparent;