Orderfooter design improvements.

app/views/ordering/order.rhtml

@@ -70,18 +70,16 @@
                 <% end %>
                 <td id="td_price_<%= i %>" style="text-align:right; padding-right:10px; width:4em"><span id="price_<%= i %>_display"><%= number_to_currency(article_total, :unit => "") %></span> €
                   <div class="article-info" id="article-info_<%= order_article.id %>" style="display:none">
+                    <h3><%= order_article.article.name -%></h3>
                     <div class="right">
                       Volle Gebinde: <span id="units_<%= i %>"><%= order_article.units_to_order %></span><br/>
                       Gesamt-Einheiten: <span id="q_total_<%= i %>"><%= @quantity[i] + @others_quantity[i] %></span><br/>
                       Gesamt-Toleranz: <span id="t_total_<%= i %>"><%= @tolerance[i] + @others_tolerance[i] %></span><br/>
                     </div>
                     <div class="left">
-                      <b><%= order_article.article.name -%></b>
-                      <p>
                       Hersteller: <%= order_article.article.manufacturer -%><br />
                       Gebinde: <%= @order.stockit? ? order_article.article.quantity_available : @unit[i] %> * <%=h order_article.article.unit %><br/>
                       Notiz: <%= order_article.article.note -%><br />
-                      </p>
                     </div>
                   </div>
                 </td>

public/stylesheets/main.css

@@ -440,15 +440,21 @@ table#order {
         background-color: red; }
 
 #order-footer {
+  min-width: 975px;
   right: 15px;
   left: 15px; }
 
 .article-info {
   z-index: 2;
-  width: 50em;
+  width: 45em;
   height: 8em;
   border: none;
   left: 30px; }
+  .article-info h3 {
+    text-align: center;
+    margin: 0;
+    margin-bottom: 5px;
+    width: 100%; }
 
 #newComment {
   margin: 1em; }

public/stylesheets/print.css

@@ -440,15 +440,21 @@ table#order {
         background-color: red; }
 
 #order-footer {
+  min-width: 975px;
   right: 15px;
   left: 15px; }
 
 .article-info {
   z-index: 2;
-  width: 50em;
+  width: 45em;
   height: 8em;
   border: none;
   left: 30px; }
+  .article-info h3 {
+    text-align: center;
+    margin: 0;
+    margin-bottom: 5px;
+    width: 100%; }
 
 #newComment {
   margin: 1em; }

public/stylesheets/sass/main.sass

@@ -477,14 +477,20 @@ table#order
       input:disabled
         background-color: red
 #order-footer
+  min-width: 975px
   right: 15px
   left: 15px
 .article-info
   z-index: 2
-  width: 50em
+  width: 45em
   height: 8em
   border: none
   left: 30px
+  h3
+    text-align: center
+    margin: 0
+    margin-bottom: 5px
+    width: 100%
 // ********* Comments
 #newComment
   :margin 1em