fix this weird sizing issue

2 files changed, 6 insertions, 7 deletions

diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index ba7c247..bfd317b 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -80,8 +80,10 @@ var app = (function() {
 
 })()
 
-$(".top").each(function(){
-  var height = $(this).height() - 10
+var heights = []
+$(".top").each(function(i){
+  var height = $(this).height()
+  heights[i] = height
   $(".cell", this).css({ 'height': (height + 'px') })
 })
 
@@ -90,9 +92,8 @@ $('.top').flickity(app.flickity_options).on( 'cellSelect', function(e) {
   app.header.updateSlideNumber( gallery.selectedIndex )
 })
 
-$(".top").each(function(){
-  var height = $(this).height() - 10
-  console.log(height)
+$(".top").each(function(i){
+  var height = heights[i]
   $(".previous, .next", this).css({ 'height': (height + 'px') })
 })
 
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 5905087..f762d89 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -486,9 +486,7 @@ button.previous {
     /*height: 20vh;*/
     flex: 0 auto;
     overflow: hidden;
-/* 
     padding: 5px 0;
- */
     cursor: url(img/d.png)32 64, pointer;
 }