viewer: moved the global thumbnail CSS class to its component

2 files changed, 11 insertions, 14 deletions

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index f7f092f..9444548 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -96,18 +96,6 @@ button svg + span {
   background-color: $scrollbar-color;
 }
 
-// === Thumbnail tiles alignment
-
-.thumbnail-tiles {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-evenly;
-  & > a {
-    margin: 2px;
-  }
-}
-
 // === Effect to apply on lazy-image loading
 
 img {
diff --git a/viewer/src/components/LdGallery.vue b/viewer/src/components/LdGallery.vue
index cd4bc28..29c18b9 100644
--- a/viewer/src/components/LdGallery.vue
+++ b/viewer/src/components/LdGallery.vue
@@ -42,7 +42,16 @@ export default class LdPicture extends Vue {
 </script>
 
 <style lang="scss">
-.thumbnail-tiles .noresult {
-  margin-top: 40px;
+.thumbnail-tiles {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-evenly;
+  & > a {
+    margin: 2px;
+  }
+  & .noresult {
+    margin-top: 40px;
+  }
 }
 </style>