Reorganizing popovers css

dist/ratchet.css

@@ -463,6 +463,19 @@ strong {
   margin-top: -15px;
 }
 
+.popover .table-view {
+  width: auto;
+  max-height: 250px;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  overflow: auto;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+  -webkit-overflow-scrolling: touch;
+}
+
 input,
 textarea,
 button,
@@ -561,7 +574,7 @@ select {
 .input-row label {
   float: left;
   width: 35%;
-  padding: 11px 10px 9px 13px;
+  padding: 11px 10px 9px 15px;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-weight: 500;
 }
@@ -730,6 +743,14 @@ input[type="button"] {
   width: 100%;
 }
 
+.popover .button-block {
+  margin-bottom: 5px;
+}
+
+.popover .button-block:last-child {
+  margin-bottom: 0;
+}
+
 .chevron {
   display: block;
   height: 20px;
@@ -941,8 +962,7 @@ input[type="button"] {
   background-color: transparent;
   opacity: .3;
 }
-
-.popover.visible {
+.popover-header.visible {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
@@ -958,27 +978,6 @@ input[type="button"] {
   background-color: rgba(0, 0, 0, 0.15);
 }
 
-.popover .button-block {
-  margin-bottom: 5px;
-}
-
-.popover .button-block:last-child {
-  margin-bottom: 0;
-}
-
-.popover .table-view {
-  width: auto;
-  max-height: 250px;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-  overflow: auto;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 3px;
-  -webkit-overflow-scrolling: touch;
-}
-
 .modal {
   position: fixed;
   top: 0;

dist/ratchet.js

@@ -626,6 +626,8 @@
     startTime      = +new Date;
     pageX          = e.touches[0].pageX;
     pageY          = e.touches[0].pageY;
+	deltaX         = 0;
+	deltaY         = 0;
 
     setSlideNumber(0);
 
@@ -773,4 +775,4 @@
     toggle    = false;
   });
 
-}();
+}();

lib/sass/buttons.scss

@@ -210,3 +210,16 @@ input[type="reset"],
 input[type="button"] {
   width: 100%;
 }
+
+// Block level buttons in popovers
+// --------------------------------------------------
+
+// Positioning and giving darker border to look sharp against dark popover
+.popover .button-block {
+  margin-bottom: 5px;
+}
+
+// Remove extra margin on bottom of last button
+.popover .button-block:last-child {
+  margin-bottom: 0;
+}

lib/sass/popovers.scss

@@ -85,15 +85,15 @@
     background-color: transparent;
     opacity: .3;
   }
-}
 
-// Popover animation
-// --------------------------------------------------
+  // Popover animation
+  // --------------------------------------------------
 
-.popover.visible {
-  opacity: 1;
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  &.visible {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
 }
 
 // Backdrop (used as invisible touch escape)
@@ -107,33 +107,4 @@
   left: 0;
   z-index: 10;
   background-color: rgba(0,0,0,.15);
-}
-
-// Block level buttons in popovers
-// --------------------------------------------------
-
-// Positioning and giving darker border to look sharp against dark popover
-.popover .button-block {
-  margin-bottom: 5px;
-}
-
-// Remove extra margin on bottom of last button
-.popover .button-block:last-child {
-  margin-bottom: 0;
-}
-
-// Table views in popovers
-// --------------------------------------------------
-
-.popover .table-view {
-  width: auto;
-  max-height: 250px;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-  overflow: auto;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, .15);
-  border-radius: 3px;
-  -webkit-overflow-scrolling: touch;
 }

lib/sass/table-views.scss

@@ -117,4 +117,20 @@
   .toggle {
     margin-top: -15px; // Half height of toggle
   }
+}
+
+// Table views in popovers
+// --------------------------------------------------
+
+.popover .table-view {
+  width: auto;
+  max-height: 250px;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  overflow: auto;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, .15);
+  border-radius: 3px;
+  -webkit-overflow-scrolling: touch;
 }