Fixes #17301: Fix script module edit & delete button styling (#17328)

netbox-community · Sep 2, 2024 · 31d5d8c · 31d5d8c
1 parent 00874ac
commit 31d5d8c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
diff --git a/netbox/project-static/styles/transitional/_cards.scss b/netbox/project-static/styles/transitional/_cards.scss
@@ -18,7 +18,8 @@
 
     // Use <h5> font size for card headers
     h2.card-header {
-      @extend h5;
+      font-size: var(--#{$prefix}font-size-h5);
+      line-height: var(--#{$prefix}line-height-h5);
       margin-bottom: 0;
     }
 

diff --git a/netbox/templates/extras/script_list.html b/netbox/templates/extras/script_list.html
@@ -22,18 +22,16 @@
   {% for module in script_modules %}
     {% include 'inc/sync_warning.html' with object=module %}
     <div class="card">
-      <h2 class="card-header justify-content-between" id="module{{ module.pk }}">
-        <div>
-          <i class="mdi mdi-file-document-outline"></i> {{ module }}
-        </div>
-        <div>
+      <h2 class="card-header" id="module{{ module.pk }}">
+        <i class="mdi mdi-file-document-outline"></i> {{ module }}
+        <div class="card-actions">
           {% if perms.extras.edit_scriptmodule %}
-            <a href="{% url 'extras:scriptmodule_edit' pk=module.pk %}" class="btn btn-warning btn-sm">
+            <a href="{% url 'extras:scriptmodule_edit' pk=module.pk %}" class="btn btn-ghost-warning btn-sm">
               <i class="mdi mdi-pencil" aria-hidden="true"></i> {% trans "Edit" %}
             </a>
           {% endif %}
           {% if perms.extras.delete_scriptmodule %}
-            <a href="{% url 'extras:scriptmodule_delete' pk=module.pk %}" class="btn btn-danger btn-sm">
+            <a href="{% url 'extras:scriptmodule_delete' pk=module.pk %}" class="btn btn-ghost-danger btn-sm">
               <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> {% trans "Delete" %}
             </a>
           {% endif %}