From a48eaf662e4067bca1c9f098c8e23e93c84d327f Mon Sep 17 00:00:00 2001
From: Luka Murn <luka.murn@biosistemika.com>
Date: Mon, 19 Dec 2016 15:09:49 +0100
Subject: [PATCH] Restyle step table display in reports so

Closes SCI-546.
---
 app/assets/stylesheets/reports.scss            | 16 ++++++++++++++++
 .../elements/_result_table_element.html.erb    | 18 ++++++++++--------
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index a63a4c1d5..7a0a99f0d 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -309,17 +309,33 @@ ul {
     border-bottom: none;
     height: 0;
 
+    .result-name-container {
+      max-width: 570px;
+    }
+
     .result-icon {
+      display: inline-block;
       margin-left: 15px;
     }
+
     .result-name {
+      display: inline-block;
       margin-left: 5px;
     }
+
+    .user-time {
+      display: inline-block;
+    }
   }
 
   &:hover > .report-element-header {
     color: $color-theme-primary;
   }
+
+  .report-element-body {
+    clear: left;
+    padding-top: 10px !important;
+  }
 }
 
 /* Result asset element style */
diff --git a/app/views/reports/elements/_result_table_element.html.erb b/app/views/reports/elements/_result_table_element.html.erb
index e8aef44f2..65f564e78 100644
--- a/app/views/reports/elements/_result_table_element.html.erb
+++ b/app/views/reports/elements/_result_table_element.html.erb
@@ -6,14 +6,16 @@
 <div class="report-element report-result-element report-result-table-element" data-ts="<%= timestamp.to_i %>" data-type="result_table" data-id="<%= result.id %>" data-modal-title="<%=t "projects.reports.elements.modals.result_contents.head_title", result: result.name %>" data-name="<%= name %>" data-icon-class="glyphicon-th">
   <div class="report-element-header">
     <div class="row">
-      <div class="pull-left result-icon">
-          <span class="glyphicon glyphicon-th"></span>
-      </div>
-      <div class="pull-left result-name">
-        <%= name %>
-      </div>
-      <div class="pull-left user-time">
-        <%=t "projects.reports.elements.result_table.user_time", user: result.user.full_name , timestamp: l(timestamp, format: :full) %>
+      <div class="pull-left result-name-container">
+        <div class="result-icon">
+            <span class="glyphicon glyphicon-th"></span>
+        </div>
+        <div class="result-name">
+          <%= name %>
+        </div>
+        <div class="user-time">
+          <%=t "projects.reports.elements.result_table.user_time", user: result.user.full_name , timestamp: l(timestamp, format: :full) %>
+        </div>
       </div>
       <div class="pull-right controls">
         <%= render partial: "reports/elements/element_controls.html.erb" %>