Fixes #43

README.md

@@ -53,7 +53,7 @@ The attributes listed below are used in *components.json* to configure **Flip ca
 No known limitations.  
 
 ----------------------------
-**Version number:**  4.2.0  
+**Version number:**  4.2.1  
 **Framework versions:** 5.8+  
 **Author / maintainer:** Deltanet with [contributors](https://github.com/deltanet/adapt-flipcard-audio/graphs/contributors)  
 **Accessibility support:** yes   

bower.json

@@ -1,6 +1,6 @@
 {
 	"name": "adapt-flipcard-audio",
-	"version": "4.2.0",
+	"version": "4.2.1",
 	"framework": ">=5.8",
 	"homepage": "https://github.com/deltanet/adapt-flipcard-audio",
 	"issues": "https://github.com/deltanet/adapt-flipcard-audio/issues",

js/flipcardView.js

@@ -78,61 +78,12 @@ class FlipcardView extends ComponentView {
     if (Adapt.device.screenSize === 'large') {
       const inRow = this.model.get('_inRow');
       const itemWidth = 100 / inRow;
-
-      this.$('.flipcard-audio__item').css({
-        width: (itemWidth - 1) + '%'
-      });
-
-      this.setItemlayout();
+      this.$('.flipcard-audio__item').css({ width: (itemWidth - 1) + '%' });
     } else {
       this.$('.flipcard-audio__item').css({ 'width': '100%' });
     }
   }
 
-  setItemlayout() {
-    const columns = this.model.get('_inRow');
-    const itemLength = this.model.get('_items').length;
-    const $items = this.$('.flipcard-audio__item');
-    const itemRemainder = itemLength % columns;
-    let $item;
-    let itemToAlignIndex;
-
-    if (itemRemainder !== 0) {
-      if (itemRemainder === 1) {
-        $item = $items.eq(itemLength - 1);
-        this.centerItem($item);
-      } else {
-        itemToAlignIndex = itemLength - itemRemainder;
-        $item = $items.eq(itemToAlignIndex);
-        this.alignItem($item, itemRemainder);
-      }
-    }
-  }
-
-  centerItem(item) {
-    item.css({
-      float: 'none',
-      margin: 'auto'
-    });
-  }
-
-  alignItem(item, itemsToAlign) {
-    const columns = this.model.get('_inRow');
-    const itemWidth = 100 / columns;
-
-    if (Adapt.config.get('_defaultDirection') === 'rtl') {
-      let marginRight = itemWidth / 2;
-      item.css({
-        marginRight: marginRight + '%'
-      });
-    } else {
-      let marginLeft = itemWidth / 2;
-      item.css({
-        marginLeft: marginLeft + '%'
-      });
-    }
-  }
-
   resizeHeights() {
     const $items = this.$('.flipcard-audio__item');
     const itemLength = this.model.get('_items').length;

less/flipcard-audio.less

@@ -26,7 +26,7 @@
   &__item {
     position: relative;
     display: inline-block;
-    margin-top: @item-margin * 4;
+    margin-top: 1%;
     vertical-align: top;
     margin-left: 0.5%;
     margin-right: 0.5%;