style(接口测试): 场景步骤最大化后名称过长样式处理

--bug=1013921 --user=赵勇 【接口自动化】场景名称较长，全屏显示错乱
https://www.tapd.cn/55049933/s/1177933

frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue

@@ -20,7 +20,7 @@
             <el-row>
               <el-col :span="8">
                 <el-tooltip placement="top" :content="currentScenario.name">
-                  <span style="margin-left: 10px">{{ currentScenario.name }}</span>
+                  <span class="ms-max-scenario-name-width">{{ currentScenario.name }}</span>
                 </el-tooltip>
               </el-col>
               <el-col :span="8">
@@ -1325,4 +1325,15 @@ export default {
   cursor: pointer;
   color: #6D317C;
 }
+.ms-max-scenario-name-width {
+  font-size: 12px;
+  display: inline-block;
+  margin: 0 0px;
+  overflow-x: hidden;
+  padding-bottom: 0;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: 120px;
+}
 </style>