diff --git a/core/css/apps.scss b/core/css/apps.scss index 93cbb8c544a..bb6edfc0041 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -166,13 +166,13 @@ kbd { flex-wrap: wrap; order: 1; flex-shrink: 0; - margin-left: 8px; - margin-right: 8px; - margin-top: 3px; - margin-bottom: 3px; - width: calc(100% - 16px); - overflow: hidden; - border-radius: var(--border-radius-pill); + margin-left: 8px; + margin-right: 8px; + margin-top: 3px; + margin-bottom: 3px; + width: calc(100% - 16px); + overflow: hidden; + border-radius: var(--border-radius-pill); /* Pinned-to-bottom entries */ &.pinned { @@ -329,9 +329,9 @@ kbd { } } &:first-child img { - margin-right: 11px; - width: 16px; - height: 16px; + margin-right: 11px; + width: 16px; + height: 16px; // Legacy invert if bright background filter: var(--background-invert-if-dark); } @@ -650,7 +650,7 @@ kbd { display: flex; width: calc(100% - var(--body-container-margin) * 2); height: var(--body-height); - border-radius: var(--body-container-radius); + border-radius: var(--body-container-radius); overflow: hidden; &:not(.with-sidebar--full) { @@ -1078,7 +1078,7 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2); box-shadow: 0 0 0 2px var(--color-primary-element); } &.active { - border-radius: var(--border-radius-pill); + border-radius: var(--border-radius-pill); background-color: var(--color-primary-light); } /* prevent .action class to break the design */