Poprawki funkcjonalności c.d.

src/components/Order.vue

@@ -65,12 +65,11 @@ export default defineComponent({
 }
 
 .order {
-  max-width: 550px;
   background-color: white;
   color: black;
 
   max-height: 95vh;
-  overflow-y: auto;
+  overflow: auto;
 
   font-size: 15px;
 
@@ -179,3 +178,4 @@ select {
   }
 }
 </style>
+

src/components/OrderList.vue

@@ -5,7 +5,8 @@
     <transition-group name="list" tag="ul">
       <li class="no-orders-warning" v-if="sortedOrderList.length == 0" :key="-1">Brak zapisanych rozkazów!</li>
 
-      <li v-for="order in sortedOrderList" :key="order.id">
+      <li v-for="(order, i) in sortedOrderList" :key="order.id">
+        <b class="text--accent">#{{ sortedOrderList.length - i }}&nbsp;</b>
         <b>
           {{ getOrderName(order.orderType) }} nr {{ order.orderBody['header']['orderNo'] }} dla pociągu nr
           {{ order.orderBody['header']['trainNo'] }}
@@ -40,6 +41,7 @@ export default defineComponent({
   setup() {
     return {
       store: useStore(),
+      localStorage: window.localStorage,
     };
   },
 
@@ -136,3 +138,4 @@ li {
   }
 }
 </style>
+

src/components/OrderMessage.vue

@@ -3,6 +3,7 @@
     <h3>Wiadomość do wyświetlenia na czacie symulatora:</h3>
 
     <div class="message_body" v-html="fullOrderMessage"></div>
+    <p class="message_info">Po wygenerowaniu rozkazu skopiuj jego treść lub zapisz w pamięci przeglądarki za pomocą przycisków poniżej</p>
 
     <div class="message_actions">
       <button class="g-button action" @click="saveOrder">Zapisz nowy rozkaz</button>
@@ -158,6 +159,11 @@ export default defineComponent({
   -webkit-user-select: none;
 }
 
+.message_info {
+  text-align: center;
+  color: #ccc;
+}
+
 .message_actions {
   display: flex;
   align-items: center;