From 87a432b58cc6e699f2ab13b63e19edf696f8a343 Mon Sep 17 00:00:00 2001
From: Camille Regnault <c.regnault.pro@gmail.com>
Date: Fri, 14 Jun 2019 11:38:33 +0200
Subject: [PATCH] reframe images in show role model

---
 .../components/_card_role_model.scss          |  1 +
 app/views/pages/dashboard.html.erb            | 82 ++++++++++---------
 2 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/app/assets/stylesheets/components/_card_role_model.scss b/app/assets/stylesheets/components/_card_role_model.scss
index 10bf487..d258362 100644
--- a/app/assets/stylesheets/components/_card_role_model.scss
+++ b/app/assets/stylesheets/components/_card_role_model.scss
@@ -71,6 +71,7 @@ hr {
     object-fit: cover;
     display: inline-block;
     margin-bottom: 40px;
+    object-position: top;
   }
   .card_icon {
   font-size: 20px;
diff --git a/app/views/pages/dashboard.html.erb b/app/views/pages/dashboard.html.erb
index d7a8f5a..22b5f8e 100644
--- a/app/views/pages/dashboard.html.erb
+++ b/app/views/pages/dashboard.html.erb
@@ -1,53 +1,57 @@
 <%= content_for(:page, "dashboard") %>
 
 <div class="container" style="margin-top: 100px";>
+    <h4 class="titles"><em>Stats</em></h4>
   <div class="bottom-dash">
     <div class="chart-space">
       <canvas id="polarChart" data-daily="<%= @counter[:dailyactivities] %>" data-future="<%= @counter[:futureme] %>" data-interactions="<%= @counter[:interactions] %>" data-curiosity="<%= @counter[:curiosity] %>"></canvas>
     </div>
 
-    <div class="rewards">
-      <% @counter.each do |key, value| %>
-        <% if value >= 3 %>
-          <div class="reward">
-            <div class="reward-content">
-              <% if key == :futureme %>
-                <%= image_tag('medailles/dragon_3_future_me.png', size: "100") %> <!-- dragon couleur cat -->
-                <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
-              <% elsif key == :dailyactivities %>
-                <%= image_tag('medailles/dragon_3_daily_activities.png', size: "100") %> <!-- dragon couleur cat -->
-                <!--  <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
-              <% elsif key == :interactions %>
-                <%= image_tag('medailles/dragon_3_interactions.png', size: "100") %> <!-- dragon couleur cat -->
-                <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
-              <% elsif key == :curiosity %>
-                <%= image_tag('medailles/dragon_3_curiosity.png', size: "100") %> <!-- dragon couleur cat -->
-                <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
-              <% end %>
+    <div class="container">
+      <h4><em>Rewards</em></h4>
+      <div class="rewards">
+        <% @counter.each do |key, value| %>
+          <% if value >= 3 %>
+            <div class="reward">
+              <div class="reward-content">
+                <% if key == :futureme %>
+                  <%= image_tag('medailles/dragon_3_future_me.png', size: "100") %> <!-- dragon couleur cat -->
+                  <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
+                <% elsif key == :dailyactivities %>
+                  <%= image_tag('medailles/dragon_3_daily_activities.png', size: "100") %> <!-- dragon couleur cat -->
+                  <!--  <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
+                <% elsif key == :interactions %>
+                  <%= image_tag('medailles/dragon_3_interactions.png', size: "100") %> <!-- dragon couleur cat -->
+                  <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
+                <% elsif key == :curiosity %>
+                  <%= image_tag('medailles/dragon_3_curiosity.png', size: "100") %> <!-- dragon couleur cat -->
+                  <!-- <i class=" <%= key %> fas fa-medal fa-lg"></i> -->
+                <% end %>
+              </div>
             </div>
-          </div>
-        <% end %>
-      <% end %>
-      <% if @counter[:dailyactivities] == @counter[:futureme] && @counter[:futureme] == @counter[:interactions] && @counter[:interactions] == @counter[:curiosity] %>
-        <% if @counter[:dailyactivities] >= 1 %>
-          <div class="reward">
-            <%= image_tag('medailles/dragon_1_all.png', size: "100") %> <!-- bébé dragon -->
-            <!-- <i class="bronze fas fa-trophy fa-lg"></i> -->
-          </div>
-        <% end %>
-        <% if @counter[:dailyactivities] >= 2 %>
-          <div class="reward">
-            <%= image_tag('medailles/dragon_2_all.png', size: "100") %> <!-- petit dragon -->
-            <!-- <i class="silver fas fa-trophy fa-lg"></i> -->
-          </div>
+          <% end %>
         <% end %>
-        <% if @counter[:dailyactivities] >= 3 %>
-          <div class="reward">
-            <%= image_tag('medailles/dragon_3_all.png', size: "100") %> <!-- grand dragon -->
-            <!-- <i class="gold fas fa-trophy fa-lg"></i> -->
-          </div>
+        <% if @counter[:dailyactivities] == @counter[:futureme] && @counter[:futureme] == @counter[:interactions] && @counter[:interactions] == @counter[:curiosity] %>
+          <% if @counter[:dailyactivities] >= 1 %>
+            <div class="reward">
+              <%= image_tag('medailles/dragon_1_all.png', size: "100") %> <!-- bébé dragon -->
+              <!-- <i class="bronze fas fa-trophy fa-lg"></i> -->
+            </div>
+          <% end %>
+          <% if @counter[:dailyactivities] >= 2 %>
+            <div class="reward">
+              <%= image_tag('medailles/dragon_2_all.png', size: "100") %> <!-- petit dragon -->
+              <!-- <i class="silver fas fa-trophy fa-lg"></i> -->
+            </div>
+          <% end %>
+          <% if @counter[:dailyactivities] >= 3 %>
+            <div class="reward">
+              <%= image_tag('medailles/dragon_3_all.png', size: "100") %> <!-- grand dragon -->
+              <!-- <i class="gold fas fa-trophy fa-lg"></i> -->
+            </div>
+          <% end %>
         <% end %>
-      <% end %>
+      </div>
     </div>
   </div>
 </div>