Fixes spaced to right class on theme.

src/admin/scss/_view-mode-slideshow.scss

@@ -168,7 +168,7 @@
     }
 }
 
-.spaced-to-right {
+.fullscreen-spaced-to-right {
     .table-wrapper { 
         margin-left: 20.83%;
         width: calc(100vw - 20.83%) !important;
@@ -287,6 +287,7 @@
         cursor: pointer;
         border: 0;
         background: transparent;
+        position: relative;
 
         .icon {
             border-radius: 100px;
@@ -299,8 +300,8 @@
         }
         .circular-counter {
             position: absolute;
-            right: calc(4.16667% + 3px);
-            top: 18px;
+            right: calc(4.16667% + 1px);
+            top: -3px;
         }
     }
 }

src/theme-helper/view-mode-slideshow.vue

@@ -88,7 +88,7 @@
 
         </aside>
         <div 
-                :class="{ 'spaced-to-right': !isMetadataCompressed }"
+                :class="{ 'fullscreen-spaced-to-right': !isMetadataCompressed }"
                 @keyup.left.prevent="slideIndex > 0 ? prevSlide() : null"
                 @keyup.right.prevent="slideIndex < slideItems.length - 1 ? nextSlide() : null">
             <div class="table-wrapper">
@@ -331,7 +331,7 @@ export default {
                                 this.slideItems.push(newItem);
                             } else {
                                 this.slideItems.unshift(newItem);
-                                updatedSlideIndex++;
+                                updatedSlideIndex++; 
                             }
                         } else {
                             this.$set(this.slideItems, existingItemIndex, newItem);