[JENKINS-73453] make icons in table buttons resizable (jenkinsci#9482)

[JENKINS-73543] make icon in buttons in tables resizable

With jenkinsci#9131 the jenkins-table__button was replaced at certain places with
jenkins-button. But this change caused two regressions:
- The icon size for large table was almost the same as that for medium
  tables
- The icons wrapped in jenkins-button were not resizable
- with small table the buttons overflowed the table cell

This change restores the old icon size for large tables and adds
additional css rules for jenkins-button inside tables so they are
properly resized and the padding is correct

(cherry picked from commit 19d568c)

Author: mawinter69

war/src/main/scss/components/_table.scss

@@ -157,11 +157,12 @@
   .jenkins-button {
     margin: -10px 0;
     padding: 0.5rem 0.75rem;
+    min-height: 1.75rem;
 
     // Increase the size of symbols compared to regular buttons
     svg {
-      width: 1.375rem !important;
-      height: 1.375rem !important;
+      width: 1.5rem !important;
+      height: 1.5rem !important;
     }
   }
 
@@ -170,8 +171,8 @@
     svg,
     .build-status-icon__wrapper,
     img {
-      width: 1.375rem !important;
-      height: 1.375rem !important;
+      width: 1.5rem !important;
+      height: 1.5rem !important;
     }
   }
 
@@ -192,6 +193,15 @@
         height: 1.3rem !important;
       }
     }
+
+    .jenkins-button {
+      padding: 0.4rem 0.6rem;
+
+      svg {
+        width: 1.3rem !important;
+        height: 1.3rem !important;
+      }
+    }
   }
 
   &--auto-width {
@@ -215,6 +225,15 @@
         height: 1rem !important;
       }
     }
+
+    .jenkins-button {
+      padding: 0.3rem 0.5rem;
+
+      svg {
+        width: 1rem !important;
+        height: 1rem !important;
+      }
+    }
   }
 
   &__button,