fix layout production

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

@@ -383,9 +383,14 @@
 
 .head-production{
     max-width: 530px;
+    width: 530px;
     min-height: 96px;
 }
 
+.width-small{
+    width: 512px;
+}
+
 .head-production header{
     min-height: 96px;
     > div {

Step/wwwroot/assets/styles/style.css

@@ -3204,8 +3204,12 @@ footer .container button.big:before {
 }
 .head-production {
   max-width: 530px;
+  width: 530px;
   min-height: 96px;
 }
+.width-small {
+  width: 512px;
+}
 .head-production header {
   min-height: 96px;
 }

Step/wwwroot/src/components/production.vue

@@ -44,7 +44,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}"
+                    :class="{'selected': getHeadsProperty(h.id).isSelected, 'width-small': heads.length > 3}"
                     :rpm="getHeadsProperty(h.id).actualSpeed"
                     :tool="getHeadsProperty(h.id).mountedTool"
                     :load="getHeadsProperty(h.id).load"
@@ -60,8 +60,6 @@
                     :isSelected="getHeadsProperty(h.id).isSelected"
                     :isActive="getHeadsProperty(h.id).isActive"
                     @click="selectHead(h)"></head-production>
-                <head-production></head-production>
-                <head-production></head-production>
             </div>
             <div class="box-softkeys-prefered">
                 <div class="box-softkeys-prefered-header">