fix head height production

Step/wwwroot/assets/styles/base/production.less

@@ -137,7 +137,7 @@
             }
         }
         .head{
-            height: 408px;
+            height: 416px;
             width: 530px;
             float: right;
             display: flex;
@@ -153,7 +153,7 @@
         .box-softkeys-prefered{
             margin-top: 16px;
             width: 530px;
-            height: 456px;
+            height: 448px;
             display: flex;
             flex-flow: column;
             background-color: @color-background-white;

Step/wwwroot/assets/styles/style.css

@@ -9867,7 +9867,7 @@ footer .container button.big:before {
   margin-top: 16px;
 }
 .production-container .production-box .head {
-  height: 408px;
+  height: 416px;
   width: 530px;
   float: right;
   display: flex;
@@ -9883,7 +9883,7 @@ footer .container button.big:before {
 .production-container .production-box .box-softkeys-prefered {
   margin-top: 16px;
   width: 530px;
-  height: 456px;
+  height: 448px;
   display: flex;
   flex-flow: column;
   background-color: #fff;

Step/wwwroot/src/components/production.vue

@@ -47,7 +47,7 @@
             </div>
             <div class="head scrollable">
                 <head-production :title="h.name" v-for="h in heads" :key="h.id"
-                    :class="{'selected': getHeadsProperty(h.id).isSelected, 'width-small': heads.length > 3}"
+                    :class="{'selected': getHeadsProperty(h.id).isSelected, 'width-small': heads.length > 4}"
                     :rpm="getHeadsProperty(h.id).actualSpeed"
                     :tool="getHeadsProperty(h.id).mountedTool"
                     :load="getHeadsProperty(h.id).load"