From 5a04f2fa34ca5cd227aa38daedcaf7ea195482f7 Mon Sep 17 00:00:00 2001
From: Alessandro Francia <a.francia@teamdev.it>
Date: Wed, 4 Jul 2018 09:17:41 +0200
Subject: [PATCH] fix layout production

---
 Step/wwwroot/assets/styles/base/head.less  | 5 +++++
 Step/wwwroot/assets/styles/style.css       | 4 ++++
 Step/wwwroot/src/components/production.vue | 4 +---
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/Step/wwwroot/assets/styles/base/head.less b/Step/wwwroot/assets/styles/base/head.less
index 1d6ad8eb..2388d402 100644
--- a/Step/wwwroot/assets/styles/base/head.less
+++ b/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 {
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 97f4da0e..142706ea 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/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;
 }
diff --git a/Step/wwwroot/src/components/production.vue b/Step/wwwroot/src/components/production.vue
index de3c30f1..22d597df 100644
--- a/Step/wwwroot/src/components/production.vue
+++ b/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">