Fix task list label styling.

JohnXLivingston · Dec 10, 2024 · d0797ba · d0797ba
1 parent 1bea086
commit d0797ba
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 12.0.2
+
+* Fix task list label styling.
+
 ## 12.0.1
 
 ### Minor changes and fixes

diff --git a/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss b/conversejs/custom/plugins/tasks/styles/muc-task-lists.scss
@@ -34,6 +34,11 @@
       .task-list-name {
         flex-grow: 2;
 
+        label {
+          // Cancelling the Peertube margin-bottom on labels
+          margin: 0;
+        }
+
         form {
           display: flex;
           flex-flow: row nowrap;

diff --git a/conversejs/custom/plugins/tasks/templates/muc-task-list.js b/conversejs/custom/plugins/tasks/templates/muc-task-list.js
@@ -39,7 +39,7 @@ export default function tplMucTaskList (el, tasklist) {
       ${!el.edit
         ? html`
           <div class="task-list-name">
-            <a @click=${el.toggleTasks}>${tasklist.get('name')}</a>
+            <a @click=${el.toggleTasks}><label>${tasklist.get('name')}</label></a>
           </div>
           <button type="button" class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}>
             <converse-icon class="fa fa-plus" size="1em"></converse-icon>