Fix icon spacing

netbox/project-static/styles/netbox.scss

@@ -8,4 +8,5 @@
 
 // Transitional styling
 @import 'transitional/cards';
+@import 'transitional/icons';
 @import 'transitional/tables';

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

@@ -0,0 +1,5 @@
+// Add padding between icon and text
+// TODO: Find a more robust solution for this
+.mdi {
+  padding-right: 4px;
+}

netbox/utilities/templates/buttons/delete.html

@@ -6,5 +6,5 @@
   data-bs-toggle="modal"
   data-bs-target="#htmx-modal"
 >
-  <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span>&nbsp;{% trans "Delete" %}
+  <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> {% trans "Delete" %}
 </a>

netbox/utilities/templates/buttons/edit.html

@@ -1,4 +1,4 @@
 {% load i18n %}
 <a href="{{ url }}" class="btn btn-yellow" role="button">
-    <span class="mdi mdi-pencil" aria-hidden="true"></span>&nbsp;{% trans "Edit" %}
+  <i class="mdi mdi-pencil" aria-hidden="true"></i> {% trans "Edit" %}
 </a>

netbox/utilities/templates/buttons/export.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 <div class="dropdown">
   <button type="button" class="btn btn-purple dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class="mdi mdi-download"></i>&nbsp;{% trans "Export" %}
+    <i class="mdi mdi-download"></i> {% trans "Export" %}
   </button>
   <ul class="dropdown-menu dropdown-menu-end">
     <li><a class="dropdown-item" href="?{% if url_params %}{{ url_params }}&{% endif %}export=table">{% trans "Current View" %}</a></li>