clear

src/components/GameInputForm.vue

@@ -37,7 +37,6 @@ async function addAction() {
         <form @submit.prevent="addAction">
           <div class="controller">
             <div class="game-input">
-              <div class="game-input-run-left"></div>
               <input id="run" class="game-input-run" v-model="place" type="text" placeholder="Место назначения"
                 :disabled="props.gameState !== 'RUN'">
             </div>
@@ -85,6 +84,7 @@ async function addAction() {
 
 .controller {
   display: flex;
+  position: relative;
 }
 
 .game-input {
@@ -92,28 +92,19 @@ async function addAction() {
   top: 14px;
   left: 25px;
   height: 50px;
-  width: calc(100% - 150px - 50px);
-}
-
-.game-input-run-left {
-  height: 50px;
-  width: 25px;
-  position: absolute;
-  left: 0px;
-  background-image: url("@/assets/input_left.png");
-  background-size: cover;
+  width: calc(100% - 150px - 35px);
 }
 
 .game-input-run {
   height: 100%;
   width: 100%;
-  margin-left: 15px;
-  padding-left: 12px;
+  padding-left: 27px;
   background-image: url("@/assets/input_center.png");
   background-size: cover;
   border: 0;
   font-size: 18px;
   font-family: a_OldTyper;
+  background-color: transparent;
 }
 
 .game-input-run::placeholder {

src/components/MessageCloud.vue

@@ -59,8 +59,9 @@ async function letsgo(place: string) {
   border-radius: 15px;
   margin: 12px 10px;
   padding: 16px;
-  background-color: var(--main-back-item-color);
   display: flow-root;
+  background-image: url("@/assets/paper.jpg");
+  background-size: cover;
 }
 
 .message-header {