Refactor orderfooter and quantity display

* Unit, others_quantitiy and other_tolerance is now in orderfooter
* We display the missing units in the article row now.

public/javascripts/ordering.js

@@ -109,6 +109,13 @@ function update(item, quantity, tolerance) {
         itemTotal[item] = price[item] * (Number(quantity));
     }
 	$('price_' + item + '_display').update(asMoney(itemTotal[item]));
+
+  // update missing units
+  missing_units = unit[item] - (((quantityOthers[item] + Number(quantity)) % unit[item]) + Number(tolerance) + toleranceOthers[item])
+  if (missing_units < 0) {
+    missing_units = 0;
+  }
+  $('missing_units_' + item).update(String(missing_units));
     
     // update balance
     updateBalance();

public/stylesheets/main.css

@@ -81,6 +81,12 @@ option {
 span.click-me {
   cursor: pointer; }
 
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
 .clear {
   clear: both; }
 
@@ -413,6 +419,7 @@ table#order {
     padding-right: 10px; }
 
 #order-footer, .article-info {
+  text-align: left;
   z-index: 1;
   position: fixed;
   bottom: 0;
@@ -435,7 +442,7 @@ table#order {
 
 .article-info {
   z-index: 2;
-  width: 30em;
+  width: 50em;
   height: 8em;
   border: none;
   left: 30px; }

public/stylesheets/print.css

@@ -81,6 +81,12 @@ option {
 span.click-me {
   cursor: pointer; }
 
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
 .clear {
   clear: both; }
 
@@ -413,6 +419,7 @@ table#order {
     padding-right: 10px; }
 
 #order-footer, .article-info {
+  text-align: left;
   z-index: 1;
   position: fixed;
   bottom: 0;
@@ -435,7 +442,7 @@ table#order {
 
 .article-info {
   z-index: 2;
-  width: 30em;
+  width: 50em;
   height: 8em;
   border: none;
   left: 30px; }

public/stylesheets/sass/main.sass

@@ -90,7 +90,10 @@ option
 
 span.click-me
   cursor: pointer
-
+.left
+  float: left
+.right
+  float: right
 .clear
   clear: both
 
@@ -454,6 +457,7 @@ table#order
     td
       :padding-right 10px
 #order-footer, .article-info
+  text-align: left
   z-index: 1
   position: fixed
   bottom: 0
@@ -475,7 +479,7 @@ table#order
         background-color: red
 .article-info
   z-index: 2
-  width: 30em
+  width: 50em
   height: 8em
   border: none
   left: 30px