chore: improved order header styling

src/components/Order.vue

@@ -139,6 +139,7 @@ $darkModeTextCol: #eee;
   background-color: transparent;
   outline: none;
   border: none;
+  font-size: 1em;
 
   text-align: center;
   border-bottom: 2px dotted black;

src/components/OrderN.vue

@@ -2,7 +2,7 @@
   <section class="order-n">
     <section class="order_header" ref="header">
       <h2 class="flex-center">
-        Rozkaz pisemny "N" nr
+        Rozkaz pisemny "N" nr &nbsp;
         <input type="number" v-model="order.header.orderNo" placeholder="nr rozkazu" min="1" />
       </h2>
       <div class="flex-row">

src/components/OrderO.vue

@@ -2,7 +2,7 @@
   <section class="order-o">
     <section class="order_header">
       <h2 class="flex-center" style="padding: 0 0.5em">
-        Rozkaz pisemny "O" nr
+        Rozkaz pisemny "O" nr &nbsp;
         <input type="number" v-model="order.header.orderNo" placeholder="nr rozkazu" min="1" />
       </h2>
 

src/components/OrderS.vue

@@ -2,7 +2,7 @@
   <section class="order-s">
     <section class="order_header">
       <h2 class="flex-center">
-        Rozkaz pisemny "S" nr
+        Rozkaz pisemny "S" nr &nbsp;
         <input type="number" v-model="order.header.orderNo" placeholder="nr rozkazu" min="1" />
       </h2>
       <div class="flex-row">

src/styles/global.scss

@@ -35,7 +35,9 @@ html {
   font-weight: 500;
 }
 
-* {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
 }