._.

src/pages/DeliveryOrderDetails.css

@@ -6,7 +6,7 @@
 }
 
 .content-container {
-    max-width: 900px;
+    max-width: 80%;
     width: 100%;
     text-align: left;
 }

src/pages/DeliveryOrderDetails.jsx

@@ -223,6 +223,21 @@ const DeliveryOrderDetails = () => {
           <button onClick={handleBack} className="btn btn-secondary mb-4">
             Назад
           </button>
+          {totalOrder && (
+            <div className="order-info">
+              <h3>Информация о заказе</h3>
+              <p>
+                <strong>Дата заказа:</strong>{" "}
+                {new Date(totalOrder.order_datetime).toLocaleDateString(
+                  "ru-RU"
+                )}
+              </p>
+              <p>
+                <strong>Количество роботов:</strong> {totalOrder.count_robots}{" "}
+                шт.
+              </p>
+            </div>
+          )}
 
           <h2 style={{ textAlign: "center" }}>Общая информация</h2>
           <table className="table table-bordered mb-5">