From 2f2437ffc395bf542a6dbf3bfa2f59020a506572 Mon Sep 17 00:00:00 2001
From: Florian BLOUET <florian.blouet@gmail.com>
Date: Fri, 11 Dec 2015 18:21:00 +0100
Subject: [PATCH] PHRAS-865 - fix icon display in iconograph mode

---
 resources/www/prod/skins/skin-shared.scss     |  8 +++++
 .../prod/skins/ui-components/_answers.scss    | 10 ++++++
 templates/web/prod/results/record.html.twig   | 31 +++++--------------
 3 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/resources/www/prod/skins/skin-shared.scss b/resources/www/prod/skins/skin-shared.scss
index 72dbb8db93..6360c94710 100644
--- a/resources/www/prod/skins/skin-shared.scss
+++ b/resources/www/prod/skins/skin-shared.scss
@@ -511,6 +511,14 @@ h4 {
   color: $textPrimaryInverseColor;
 }
 
+.dl-horizontal {
+  dd {
+    &:before {
+      content: "\200b"; // unicode zero width space character
+    }
+  }
+}
+
 @import 'ui-components/jquery-ui';
 @import 'ui-components/context-menu';
 @import 'ui-components/forms';
diff --git a/resources/www/prod/skins/ui-components/_answers.scss b/resources/www/prod/skins/ui-components/_answers.scss
index c3da6bddea..5272336ef6 100644
--- a/resources/www/prod/skins/ui-components/_answers.scss
+++ b/resources/www/prod/skins/ui-components/_answers.scss
@@ -60,6 +60,16 @@ $answersInfoLabelColor: #949494 !default;
     width: 600px;
     overflow: hidden;
     border: 3px solid #404040;
+    .desc {
+      .dl-horizontal {
+        dt {
+          width: 70px; //100
+        }
+        dd {
+          margin-left: 90px; //120
+        }
+      }
+    }
   }
 }
 
diff --git a/templates/web/prod/results/record.html.twig b/templates/web/prod/results/record.html.twig
index ac01da8fa4..48dc7cf2f1 100644
--- a/templates/web/prod/results/record.html.twig
+++ b/templates/web/prod/results/record.html.twig
@@ -66,27 +66,16 @@
                     {% endif %}
 
                     {# drop down options #}
-                    <td style='text-align:right;width:{{l_width}}px;' valign='bottom'>
+                    <td style="text-align:right;width:{{l_width}}px;" valign="bottom">
 
-
-
-                        {#<a style="float:right;padding:0;cursor:pointer;" class="contextMenuTrigger" id="contextTrigger_{{record.id}}">
-
-                            <img src="/assets/common/images/icons/contextMenuTrigger.png" height="10" />
-                            <i class="icon-caret-down"></i>
-                        </a>#}
-
-
-                        {% if record.subdefs.preview is defined and has_access_subdef(record, 'preview') %}
-                            <span class="icon-stack previewTips"
-                                 tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}" class="previewTips"
-                            >
-                              <i class="icon-circle icon-stack-base"></i>
-                              <i class="icon-search icon-light"></i>
-                            </span>
-                            {#<div tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}" class="previewTips"></div>#}
+                        {% if settings.rollover_thumbnail == 'caption' %}
+                            {% if record.subdefs.preview is defined and has_access_subdef(record, 'preview') %}
+                                <span class="icon-stack previewTips" tooltipsrc="{{ path('prod_tooltip_preview', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}" class="previewTips">
+                                  <i class="icon-circle icon-stack-base"></i>
+                                  <i class="icon-search icon-light"></i>
+                                </span>
+                            {% endif %}
                         {% endif %}
-
                         {% if settings.rollover_thumbnail == 'preview' %}
                             <span class="icon-stack captionRolloverTips" tooltipsrc="{{ path('prod_tooltip_caption', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId, 'context' : 'answer', 'number' : record.position|default(0) }) }}">
                               <i class="icon-circle icon-stack-base"></i>
@@ -95,10 +84,6 @@
                         {% endif %}
 
                         {% if settings.technical_display == '1' %}
-                            {#<img
-                            class="infoTips"
-                            tooltipsrc="{{ path('prod_tooltip_technical_data', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}" src="/assets/common/images/icons/info.gif"/>#}
-
                             <span class="icon-stack infoTips" tooltipsrc="{{ path('prod_tooltip_technical_data', { 'sbas_id' : record.databoxId, 'record_id' : record.recordId }) }}">
                               <i class="icon-circle icon-stack-base"></i>
                               <i class="icon-info icon-light"></i>