Fix Tooling start-Menu

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

@@ -30,7 +30,7 @@
             margin-bottom:19px;
         }
         .tooling-boxbody{
-            width: calc(~'100% - 160px');
+            width: 100%;
             height: calc(~'100% - 65px');
             top: 65px;
             background-color: @color-silver;
@@ -38,15 +38,22 @@
             box-shadow: 0 1px 2px 0 @color-black-40;
             display: flex;
             flex-flow: column;
-            padding: 0 80px;
             .list-top, .list-bottom{
                 display: flex;
                 align-items: center;
-                width: 100%;
-                height: 90%;
+                height: 100%;
                 margin-bottom: 10px;
                 overflow-y: hidden;
                 overflow-x: auto;
+                padding-left: 80px;
+            }
+            .divider{
+                width: 1480px;
+                height: 4px;
+                background-color: #d8d8d8;
+                border: solid 1px #979797;
+                margin-left: 12px;
+
             }
         }
     }

Step/wwwroot/assets/styles/style.css

@@ -2618,7 +2618,7 @@ footer .container button.big:before {
   margin-bottom: 19px;
 }
 .tooling-container .tooling-box .tooling-boxbody {
-  width: calc(100% - 160px);
+  width: 100%;
   height: calc(100% - 65px);
   top: 65px;
   background-color: #bbbcbc;
@@ -2626,17 +2626,23 @@ footer .container button.big:before {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
   display: flex;
   flex-flow: column;
-  padding: 0 80px;
 }
 .tooling-container .tooling-box .tooling-boxbody .list-top,
 .tooling-container .tooling-box .tooling-boxbody .list-bottom {
   display: flex;
   align-items: center;
-  width: 100%;
-  height: 90%;
+  height: 100%;
   margin-bottom: 10px;
   overflow-y: hidden;
   overflow-x: auto;
+  padding-left: 80px;
+}
+.tooling-container .tooling-box .tooling-boxbody .divider {
+  width: 1480px;
+  height: 4px;
+  background-color: #d8d8d8;
+  border: solid 1px #979797;
+  margin-left: 12px;
 }
 .tool {
   width: 360px;

Step/wwwroot/src/components/tooling.vue

@@ -2,9 +2,6 @@
     <div class="tooling-container">
         <div class="tooling-box">
             <div class="header">
-                <router-link :to="'/tooling'">
-                  <i class="fa fa-chevron-left"></i>
-                </router-link>
                 {{'tooling_title_label' | localize("Tool-Manager")}}
             </div>
             <div class="tooling-boxbody">
@@ -12,6 +9,8 @@
                     <card v-for="t in magazines" :key="t.id"
                           :title="getStoreTitle(t.type) + t.id" img-source="../assets/images/image_tooling.PNG" @click="goToDepot(t)"></card>
                 </div>
+                <div class="divider">
+                </div>
 
                 <div class="list-bottom  scrollable">
                     <card :title="'launch_tools' | localize('Utensili')" @click="goTo('/tooling-equipment')"></card>