wip

assets/css/v2_core.css

@@ -79,7 +79,7 @@ br {
 .close--preview {
   display: block;
   top: 0.25rem;
-  right: 0.25rem;
+  left: 0.25rem;
 }
 
 .loader {

assets/css/v2_lists.css

@@ -98,3 +98,7 @@
 	font-weight: bold;
 	text-decoration: underline;
 }
+
+.list--small {
+	font-size: 0.875rem !important;
+}

assets/css/v2_media.css

@@ -75,6 +75,11 @@
     display: none;
   }
 
+  .close--preview {
+    left: unset;
+    right: 0.25rem;
+  }
+
   .footer__content {
     display: flex;
     justify-content: space-between;

assets/css/v3_app.css

@@ -1,12 +1,12 @@
-@import "v1_core.css";
+@import "v2_core.css";
 @import "v3_layout.css";
 @import "v1_header.css";
 @import "v1_footer.css";
 
 @import "v1_links.css";
 @import "v1_buttons.css";
-@import "v1_lists.css";
+@import "v2_lists.css";
 @import "v1_swiper.css";
 @import "v1_components.css";
 @import "v1_utility.css";
-@import "v1_media.css";
+@import "v2_media.css";

assets/js/v1.03_app.js

@@ -127,7 +127,12 @@ function init() {
     let x = Number(data.attr('data-object'));
     let y = Number(data.attr('data-item'));
     let z = Number(data.attr('data-items'));
-    galleryControl(x,0,y,z);
+
+    if (window.innerWidth > window.innerHeight) {
+      galleryControl(x,0,y,z);
+    } else {
+      galleryControl(x,1,y,z);
+    }  
   });
 
   $('.js-preview-next').click(function() {
@@ -135,7 +140,12 @@ function init() {
     let x = Number(data.attr('data-object'));
     let y = Number(data.attr('data-item'));
     let z = Number(data.attr('data-items'));
-    galleryControl(x,1,y,z);
+
+    if (window.innerWidth > window.innerHeight) {
+      galleryControl(x,1,y,z);
+    } else {
+      galleryControl(x,0,y,z);
+    }
   });
 
   $('.js-menu-button').click(function() {