fix badges issued tpl refs - CT#7539

app/Resources/public/css/base.css

@@ -4048,6 +4048,9 @@ i.size-32.icon-new-work{
 .name-badge{
   font-size: 16px;
 }
+.issued .thumbnail{
+    border: none;
+}
 /* Social Profile */
 
 .social-profile{

main/template/default/skill/issued.tpl

@@ -1,43 +1,47 @@
-<div class="row">
+<div class="row issued">
     <div class="col-md-4">
         <figure class="thumbnail">
             <img class="img-responsive" src="{{ skill_info.badge_image }}" alt="{{ skill_info.name }}">
             <figcaption class="caption text-center">
-                <p class="lead">{{ skill_info.name }}</p>
+                <p class="name-badge text-center">{{ skill_info.name }}</p>
             </figcaption>
         </figure>
-        <h3>{{ 'SkillAcquiredAt'|get_lang }}</h3>
-        <ul class="fa-ul">
-            {% for course in skill_info.courses %}
-                <li>
+            <div class="panel panel-default">
+                <div class="panel-heading">{{ 'SkillAcquiredAt'|get_lang }}</div>
+                <div class="panel-body">
+                    {% for course in skill_info.courses %}
                     <p>
                         <em class="fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(course.date_issued, course.name) }}
                     </p>
-                </li>
-            {% endfor %}
-        </ul>
+                    {% endfor %}
+                </div>
+            </div>    
         {% if allow_export %}
             <p class="text-center">
                 <a href="#" class="btn btn-success" id="badge-export-button">
-                    <i class="fa fa-external-link-square fa-fw"></i> {{ 'ExportBadge'|get_lang }}
+                    <em class="fa fa-external-link-square fa-fw"></em> {{ 'ExportBadge'|get_lang }}
                 </a>
             </p>
         {% endif %}
     </div>
     <div class="col-md-8">
-        <h3>{{ 'RecipientDetails'|get_lang }}</h3>
+        <div class="panel panel-default">
+        <div class="panel-body">
+        <h4 class="title-badge">{{ 'RecipientDetails'|get_lang }}</h4>
         <p class="lead">{{ user_info.complete_name }}</p>
-        <h3>{{ 'BadgeDetails'|get_lang }}</h3>
-        <h3>{{ 'Name'|get_lang }}</h3>
+        <h4 class="title-badge">{{ 'BadgeDetails'|get_lang }}</h4>
+        <h4 class="title-badge">{{ 'Name'|get_lang }}</h4>
         <p>{{ skill_info.name }}</p>
         {% if skill_info.short_code %}
-            <h3>{{ 'ShortCode'|get_lang }}</h3>
+            <h4 class="title-badge">{{ 'ShortCode'|get_lang }}</h4>
             <p>{{ skill_info.short_code }}</p>
         {% endif %}
-        <h3>{{ 'Description'|get_lang }}</h3>
+        <h4 class="title-badge">{{ 'Description'|get_lang }}</h4>
         <p>{{ skill_info.description }}</p>
-        <h3>{{ 'CriteriaToEarnTheBadge'|get_lang }}</h3>
+        <h4 class="title-badge">{{ 'CriteriaToEarnTheBadge'|get_lang }}</h4>
         <p>{{ skill_info.criteria }}</p>
+        </div>
+        </div>
     </div>
 </div>
 {% if allow_export %}