Theme capsules more uniformly

core/templates/base.html

@@ -259,6 +259,16 @@
         overflow: auto;
       }
 
+      .task-ui-badge {
+        background: #f5f5f5 !important;
+        border: 1px solid #dbdbdb !important;
+        color: #1f1f1f !important;
+        font-size: 0.75rem;
+        line-height: 1.5;
+        padding: 0.25em 0.75em;
+        font-weight: 500;
+      }
+
       .osint-results-table th {
         font-size: 0.8rem;
         text-transform: uppercase;

core/templates/pages/tasks-hub.html

@@ -12,7 +12,7 @@
         <article class="box">
           <div class="is-flex is-justify-content-space-between is-align-items-center" style="gap: 0.5rem; margin-bottom: 0.6rem;">
             <h2 class="title is-6" style="margin: 0;">Projects</h2>
-            <span class="tag task-stat-tag">{{ projects|length }}</span>
+            <span class="tag task-ui-badge">{{ projects|length }}</span>
           </div>
           <p class="help" style="margin-bottom: 0.45rem;">Create the project first, then map linked identifiers below in one click.</p>
           <form method="post" style="margin-bottom: 0.75rem;">
@@ -73,7 +73,7 @@
                     <td class="has-text-right">
                       {% if selected_project %}
                         {% if row.mapped %}
-                          <span class="tag task-stat-tag">Linked</span>
+                          <span class="tag task-ui-badge">Linked</span>
                         {% else %}
                           <form method="post">
                             {% csrf_token %}
@@ -111,8 +111,8 @@
                   <a href="{% url 'tasks_project' project_id=project.id %}">{{ project.name }}</a>
                 </td>
                 <td>
-                  <span class="tag task-stat-tag">{{ project.task_count }} task{{ project.task_count|pluralize }}</span>
+                  <span class="tag task-ui-badge">{{ project.task_count }} task{{ project.task_count|pluralize }}</span>
-                  <span class="tag task-stat-tag">{{ project.epic_count }} epic{{ project.epic_count|pluralize }}</span>
+                  <span class="tag task-ui-badge">{{ project.epic_count }} epic{{ project.epic_count|pluralize }}</span>
                 </td>
                 <td class="has-text-right">
                   <form method="post">
@@ -160,15 +160,4 @@
     </div>
   </div>
 </section>
-<style>
-  .task-stat-tag {
-    background: #f5f5f5;
-    border: 1px solid #dbdbdb;
-    color: #1f1f1f !important;
-    font-size: 0.75rem;
-    line-height: 1.5;
-    padding: 0.25em 0.75em;
-    font-weight: 500;
-  }
-</style>
 {% endblock %}

core/templates/pages/tasks-project.html

@@ -15,7 +15,7 @@
     <article class="box">
       <div class="is-flex is-justify-content-space-between is-align-items-center" style="gap: 0.5rem; margin-bottom: 0.6rem;">
         <h2 class="title is-6" style="margin: 0;">Epics</h2>
-        <span class="tag is-light">{{ epics|length }}</span>
+        <span class="tag task-ui-badge">{{ epics|length }}</span>
       </div>
       <form method="post" style="margin-bottom: 0.75rem;">
         {% csrf_token %}
@@ -35,7 +35,7 @@
           {% for epic in epics %}
             <tr>
               <td><a href="{% url 'tasks_epic' epic_id=epic.id %}">{{ epic.name }}</a></td>
-              <td><span class="tag is-light">{{ epic.task_count }}</span></td>
+              <td><span class="tag task-ui-badge">{{ epic.task_count }}</span></td>
               <td class="has-text-right">
                 <form method="post">
                   {% csrf_token %}