Fix icon & badge spacing inside buttons and tabs

netbox/project-static/styles/netbox.scss

@@ -5,8 +5,8 @@
 
 // Overrides of external libraries
 @import 'overrides/slim-select';
+@import 'overrides/tabler';
 
-// Transitional styling
+// Transitional styling to ease migration of templates from NetBox v3.x
 @import 'transitional/cards';
-@import 'transitional/icons';
 @import 'transitional/tables';

netbox/project-static/styles/overrides/_tabler.scss

@@ -0,0 +1,13 @@
+// Buttons
+.btn {
+  // Tabler sets display: flex
+  display: inline-block;
+}
+
+// Tabs
+.nav-tabs {
+  .nav-link {
+    // Tabler sets display: flex
+    display: inline-block;
+  }
+}

netbox/project-static/styles/transitional/_icons.scss

@@ -1,11 +0,0 @@
-// Add padding between icon and text
-// TODO: Find a more robust solution for this
-.mdi {
-  padding-right: 4px;
-}
-// Omit padding inside small buttons (no text)
-.btn-sm {
-  .mdi {
-    padding-right: 0;
-  }
-}