修复编辑备注按钮显示换行的问题

src/views/myHistoryTest/myHistoryTest.html

@@ -77,7 +77,9 @@
         text-overflow: ellipsis;
         word-break: break-all;
         word-wrap: break-word;">备注：{{item.remark || '无'}}</span>
-        <span class="editBtn" @click='clickEditBtn(item,index)'>编辑备注</span>
+        <div class="remBottom">
+          <span class="editBtn" @click='clickEditBtn(item,index)'>编辑备注</span>
+        </div>  
       </div>
     </div>
     <div class="item add" @click="createTest">

src/views/myHistoryTest/myHistoryTest.scss

@@ -180,18 +180,22 @@
         line-height: 17px;
         margin-bottom: 5px;
       }
-      .editBtn{
-        border: 1px solid #4F5DFF;
-        border-radius: 10px;
-        font-size: 10px;
-        color: #000000;
-        padding: 0 5px;
-        height: 20px;
-        line-height: 20px;
-        text-align: center;
-        margin-left: 120px;
-        cursor: pointer;
+      .remBottom{
+        display: flex;
+        justify-content: flex-end;
+        .editBtn{
+          border: 1px solid #4F5DFF;
+          border-radius: 10px;
+          font-size: 10px;
+          color: #000000;
+          padding: 0 5px;
+          height: 20px;
+          line-height: 20px;
+          text-align: center;
+          cursor: pointer;
+        }
       }
+      
     }
   }
   .morehover {