From 1e54768e9dd072e86893da27bf68980e863c834a Mon Sep 17 00:00:00 2001
From: Andreani Jean <ja.andreani@gmail.com>
Date: Mon, 16 Oct 2023 18:08:36 +0200
Subject: [PATCH] fix lazy loading + css fix

---
 src/components/License.vue      | 35 ++++++++++++++++++++-------------
 src/views/MySequencesView.vue   |  4 ++--
 src/views/SharePicturesView.vue |  5 +++++
 3 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/components/License.vue b/src/components/License.vue
index d17b117..c686dba 100644
--- a/src/components/License.vue
+++ b/src/components/License.vue
@@ -1,20 +1,22 @@
 <template>
   <div class="icon-block">
     <slot></slot>
-    <p class="license-text">
-      {{
-        $t('pages.share_pictures.information_text2', {
-          word: 'la licence'
-        })
-      }}
-    </p>
-    <Link
-      :href="url"
-      :text="text"
-      target="_blank"
-      type="external"
-      look="link--grey"
-    />
+    <div class="text-block">
+      <p class="license-text">
+        {{
+          $t('pages.share_pictures.information_text2', {
+            word: 'la licence'
+          })
+        }}
+      </p>
+      <Link
+        :href="url"
+        :text="text"
+        target="_blank"
+        type="external"
+        look="link--grey"
+      />
+    </div>
   </div>
 </template>
 
@@ -31,6 +33,11 @@ defineProps({
   display: flex;
   font-weight: 600;
 }
+.text-block {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
 .license-text {
   font-weight: bold;
   margin-right: toRem(0.5);
diff --git a/src/views/MySequencesView.vue b/src/views/MySequencesView.vue
index 97935f2..3c013f0 100644
--- a/src/views/MySequencesView.vue
+++ b/src/views/MySequencesView.vue
@@ -84,7 +84,7 @@
               <img
                 v-if="item['stats:items'].count > 0"
                 :src="`${item.href}/thumb.jpg`"
-                lazy="loading"
+                loading="lazy"
                 alt=""
                 class="thumb"
               />
@@ -92,7 +92,7 @@
                 <img
                   v-if="item['stats:items'].count > 0"
                   :src="`${item.href}/thumb.jpg`"
-                  lazy="loading"
+                  loading="lazy"
                   alt=""
                   class="thumb-hover"
                 />
diff --git a/src/views/SharePicturesView.vue b/src/views/SharePicturesView.vue
index 90f8886..afe7225 100644
--- a/src/views/SharePicturesView.vue
+++ b/src/views/SharePicturesView.vue
@@ -282,7 +282,12 @@ ul {
 .entry-information-card {
   margin-top: toRem(2);
 }
+.icon-block {
+  display: flex;
+  align-items: center;
+}
 .icon-block-img {
+  height: toRem(2);
   margin-right: toRem(0.5);
 }
 .about-subtitle {