Follow up - 5ee6418c18ad723819d03431ae8de118624bad73 - UI Refactoring: Dashbboard item texts get rendered below actual item.

app/assets/javascripts/app/views/dashboard/stats/ticket_channel_distribution.jst.eco

@@ -8,17 +8,17 @@
     </div>
     <div class="stat-graphic" data-columns="<%- _.size(@StatsTicketChannelDistribution.channels) %>">
       <% for id, channel of @StatsTicketChannelDistribution.channels: %>
-      <div class="stats-row">
-        <div title="<%- channel.sender %>">
-          <%- @Icon(channel.icon, 'stat-channel-icon') %>
+        <div class="stats-row">
+          <div title="<%- channel.sender %>">
+            <%- @Icon(channel.icon, 'stat-channel-icon') %>
+          </div>
+          <div class="stat-bars">
+            <div class="stat-bar stat-bar--inbound" style="height: <%- channel.inbound_in_percent %>%" title="<%- @Ti('Inbound') %>: <%- channel.inbound_in_percent %>% (<%- channel.inbound %>)"></div>
+            <div class="stat-bar stat-bar--outbound" style="height: <%- channel.outbound_in_percent %>%" title="<%- @Ti('Outbound') %>: <%- channel.outbound_in_percent %>% (<%- channel.outbound %>)"></div>
+          </div>
+          <div class="stat-detail"><%- channel.overal_percentage %>%</div>
         </div>
-        <div class="stat-bars">
-          <div class="stat-bar stat-bar--inbound" style="height: <%- channel.inbound_in_percent %>%" title="<%- @Ti('Inbound') %>: <%- channel.inbound_in_percent %>% (<%- channel.inbound %>)"></div>
-          <div class="stat-bar stat-bar--outbound" style="height: <%- channel.outbound_in_percent %>%" title="<%- @Ti('Outbound') %>: <%- channel.outbound_in_percent %>% (<%- channel.outbound %>)"></div>
-        </div>
-        <div class="stat-detail"><%- channel.overal_percentage %>%</div>
-      </div>
-      <div class="stat-label"></div>
+        <div class="stat-label"></div>
       <% end %>
     </div>
   </div>

app/assets/javascripts/app/views/dashboard/stats/ticket_escalation.jst.eco

@@ -12,6 +12,4 @@
     <div class="stat-label"><%- @T('%s of my tickets escalated.', @StatsTicketEscalation.own) %></div>
     <div class="stat-detail"><%- @T('Total: %s', @StatsTicketEscalation.total) %></div>
   </div>
-  <div class="stat-label"><%- @T('%s of my tickets escalated.', @StatsTicketEscalation.own) %></div>
-  <div class="stat-detail"><%- @T('Total: %s', @StatsTicketEscalation.total) %></div>
 </div>

app/assets/javascripts/app/views/dashboard/stats/ticket_in_process.jst.eco

@@ -12,6 +12,4 @@
     <div class="stat-label" title="<%- @T('%s of your tickets are currently in process.', @StatsTicketInProcess.in_process) %>"><%- @T('%s% are currently in process', @StatsTicketInProcess.percent) %></div>
     <div class="stat-detail"><%- @T('Average: %s%', @StatsTicketInProcess.average_per_agent) %></div>
   </div>
-  <div class="stat-label" title="<%- @Ti('%s of your tickets are currently in process.', @StatsTicketInProcess.in_process) %>"><%- @T('%s% are currently in process', @StatsTicketInProcess.percent) %></div>
-  <div class="stat-detail"><%- @T('Average: %s%', @StatsTicketInProcess.average_per_agent) %></div>
 </div>

app/assets/javascripts/app/views/dashboard/stats/ticket_load_measure.jst.eco

@@ -15,8 +15,8 @@
       </div>
       <%- @Icon('total-tickets', 'total-tickets') %>
     </div>
-    <%- @Icon('total-tickets', 'total-tickets') %>
+
+    <div class="stat-label"><%- @T('Tickets assigned to me: %s of %s', @StatsTicketLoadMeasure.own, @StatsTicketLoadMeasure.total) %></div>
+    <div class="stat-detail"><%- @T('Average: %s', @StatsTicketLoadMeasure.average_per_agent) %></div>
   </div>
-  <div class="stat-label"><%- @T('Tickets assigned to me: %s of %s', @StatsTicketLoadMeasure.own, @StatsTicketLoadMeasure.total) %></div>
-  <div class="stat-detail"><%- @T('Average: %s', @StatsTicketLoadMeasure.average_per_agent) %></div>
 </div>

app/assets/javascripts/app/views/dashboard/stats/ticket_reopen.jst.eco

@@ -12,6 +12,4 @@
     <div class="stat-label"><%- @T('%s% have been reopened', @StatsTicketReopen.percent) %></div>
     <div class="stat-detail"><%- @T('Average: %s%', @StatsTicketReopen.average_per_agent) %></div>
   </div>
-  <div class="stat-label"><%- @T('%s% have been reopened', @StatsTicketReopen.percent) %></div>
-  <div class="stat-detail"><%- @T('Average: %s%', @StatsTicketReopen.average_per_agent) %></div>
 </div>

app/assets/javascripts/app/views/dashboard/stats/ticket_waiting_time.jst.eco

@@ -13,7 +13,7 @@
         <div class="stat-amount"></div>
       </div>
     </div>
+    <div class="stat-label"><%- @T('My handling time: %s minutes', @StatsTicketWaitingTime.handling_time) %></div>
+    <div class="stat-detail"><%- @T('Average: %s minutes', @StatsTicketWaitingTime.average_per_agent) %></div>
   </div>
-  <div class="stat-label"><%- @T('My handling time: %s minutes', @StatsTicketWaitingTime.handling_time) %></div>
-  <div class="stat-detail"><%- @T('Average: %s minutes', @StatsTicketWaitingTime.average_per_agent) %></div>
 </div>