diff --git a/client/static/css/style.css b/client/static/css/style.css index 695cf74536dd912af0039f4dbdea920aac648e33..8f8bda0d97130e8f4a7be0fc0c22ed8766df0fc7 100644 --- a/client/static/css/style.css +++ b/client/static/css/style.css @@ -144,6 +144,10 @@ padding: 0; } +.task-content .collapsible-body { + padding: 1.5rem; +} + .subtask-status-count { position: absolute; right: 15px; diff --git a/client/templates/roadmap.html b/client/templates/roadmap.html index 0d2f3e90782ca2134908ff8eaa8f5e3a6d09801d..9a013e2482115c7b457438306dc7374c14385941 100644 --- a/client/templates/roadmap.html +++ b/client/templates/roadmap.html @@ -119,7 +119,7 @@ {% if task["subtasks"]|length > 0 %} {{ printSubTasksDone(localization, task) }} {% else %} - <li> + <li class="task-content"> {% if task["Status"] == 0 %} <div class="collapsible-header bold truncate valign-wrapper"><i class="material-icons red-text">build</i>{{ task["Title"] }}</div> {% else %} @@ -137,7 +137,7 @@ {% macro printSubTasksDone(localization, task) -%} {% set numberOfSubTasks = task["subtasks"]|length %} - <li> + <li class="task-content"> {% if task["numberOfOpenSubTasks"] > 0 %} <div class="collapsible-header bold valign-wrapper"><i class="material-icons red-text">build</i>{{ task["Title"] }}<div class="subtask-status-count">{{ numberOfSubTasks - task["numberOfOpenSubTasks"] }}/{{ numberOfSubTasks }}</div></div> {% else %} @@ -146,7 +146,7 @@ <div class="collapsible-body"> <ul class="collapsible white margin-left-and-right no-shadow margin-top-and-bottom" data-collapsible="accordion"> {% for subtask in task["subtasks"] %} - <li> + <li class="task-content"> {% if subtask["Status"] == 0 %} <div class="collapsible-header bold valign-wrapper"><span class="left">{{ loop.index }}</span><i class="material-icons red-text margin-left">build</i>{{ subtask["Title"] }}</div> {% else %} @@ -189,7 +189,7 @@ {% if numberOfSubTasks > 0 %} {{ printSubTasksDone(localization, task) }} {% else %} - <li> + <li class="task-content"> <div class="collapsible-header bold truncate valign-wrapper"><i class="material-icons green-text">check</i>{{ task["Title"] }}</div> <div class="collapsible-body"><p>{{ task["Description"] }}</p></div> </li>