Fix Heade Header style

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

@@ -393,13 +393,27 @@
 
 .head-production header{
     min-height: 96px;
+    justify-content: start;    
+    .title{
+        display: flex;
+        flex-flow: row;    
+        font-size: 18px;
+        line-height: 20px;
+        font-weight: 600;
+        margin: 8px 0;
+        width:100%;
+    }
     > div {
         display: flex;
         flex-flow: row;
         align-items: center;
         justify-content: center;
+        margin-top: 3px;
         span.process{
-            width: 32px;
+            width: 27px;
+            font-size: 16px;
+            height: 27px;
+            line-height: 27px;
         }
     }
 }

Step/wwwroot/assets/styles/style.css

@@ -3212,15 +3212,29 @@ footer .container button.big:before {
 }
 .head-production header {
   min-height: 96px;
+  justify-content: start;
+}
+.head-production header .title {
+  display: flex;
+  flex-flow: row;
+  font-size: 18px;
+  line-height: 20px;
+  font-weight: 600;
+  margin: 8px 0;
+  width: 100%;
 }
 .head-production header > div {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: center;
+  margin-top: 3px;
 }
 .head-production header > div span.process {
-  width: 32px;
+  width: 27px;
+  font-size: 16px;
+  height: 27px;
+  line-height: 27px;
 }
 .head-production.selected header {
   min-height: 94px;

Step/wwwroot/src/modules/heads/head-production.vue

@@ -2,13 +2,13 @@
 <!-- <div class="test-container"> -->
   <div class="head-production">
     <header>
-      {{title}}
+      <div class="title">{{title}}</div>
       <div>
-        <span class="isRunning" :title="'heads_tooltip_active' | localize('Head Active state')" >
+        <span class="process">
           <i class="fa fa-refresh fa-spin" v-if="isActive"></i>
         </span>
         <span class="process">
-          {{process}}
+          P{{process}}
         </span>
       </div>