user upgrades

app/assets/stylesheets/user/foundation/application.css.sass

@@ -1,11 +1,11 @@
 @import constants
+@import bourbon
 @import ./qconstants
 @import ./foundation_and_overrides
 @import font-awesome
 @import ./structure
 @import ./components/*
-@import ./qmodal
+@import ./pages/*
 @import ./display_fields
 @import ./qproduct_orders
-@import ./qindex
 @import ./qlists

app/assets/stylesheets/user/foundation/components/_menu_main.css.sass

@@ -20,6 +20,8 @@ header.top-menu
   .top-menu-logo
     @media #{$small-only}
       display: none
+    img
+      margin-top: -6px
   .menu-content
     background-color: white
     background-repeat: repeat-x

app/assets/stylesheets/user/foundation/components/_modal.css.sass

@@ -1,8 +1,10 @@
 .modal
-  margin: 10px auto
+  margin: auto
+  margin-top: 90px
   width: 300px
   background-color: #fff
   padding: 1em
+  z-index: 9085
 
 .overlay
   height: 100%
@@ -11,6 +13,7 @@
   top: 0
   left: 0
   background-color: rgba(0, 0, 0, 0.2)
+  z-index: 9084
 
 .flush--top
   margin-top: 0

app/assets/stylesheets/user/foundation/pages/_scanning.css.sass

@@ -0,0 +1,27 @@
+$scanning-code-width: 200px
+$scanning-code-height: $scanning-code-width/0.785
+.page-scanning
+  width: $scanning-code-width
+  margin-left: auto
+  margin-right: auto
+  position: relative
+  margin-top: 30px
+  .scanning-qr-image
+    position: absolute
+    font-size: $scanning-code-height
+    span
+      @extend .fa
+      @extend .fa-qrcode
+  .scanning-laser
+    position: absolute
+    height: $scanning-code-height
+    border-right: 2px solid #f00
+    +animation(scanning 1s infinite)
+    +animation-direction(alternate)
+    +animation-timing-function(linear)
+
++keyframes(scanning)
+  from
+    left: 0
+  to
+    left: $scanning-code-width