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

1 files changed, 6 insertions, 6 deletions

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 9c3d9dc2c52..16e292329b4 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -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;