From 915efa16dce1b28b392675d8c250b513f614be24 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Sat, 29 Nov 2025 18:52:09 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BE=D0=BC=D0=BF=D0=B0=D0=BA=D1=82?=
 =?UTF-8?q?=D0=BD=D1=8B=D0=B9=20layout=20=D0=BE=D0=BF=D0=B5=D1=80=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D0=B9=20=D1=81=20=D0=BA=D0=BE=D1=88=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BA=D0=BE=D0=BC:=20=D0=B4=D0=B2=D0=B5=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Пополнение и Списание размещены рядом (col-md-6 каждая)
- Упрощены тексты заголовков, лейблов и кнопок для компактности
- Фиксированная высота для подсказок — обеспечена симметрия полей
- Убран разделитель между формами
- Короткие placeholder'ы в полях ввода
---
 .../templates/customers/customer_detail.html  | 118 +++++++++---------
 1 file changed, 61 insertions(+), 57 deletions(-)

diff --git a/myproject/customers/templates/customers/customer_detail.html b/myproject/customers/templates/customers/customer_detail.html
index 777006e..f3593bb 100644
--- a/myproject/customers/templates/customers/customer_detail.html
+++ b/myproject/customers/templates/customers/customer_detail.html
@@ -86,66 +86,70 @@
                     </span>
                 </div>
                 <div class="card-body">
-                    <!-- Пополнение -->
-                    <h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение кошелька</h6>
-                    <form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
-                        {% csrf_token %}
-                        <div class="mb-3">
-                            <label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
-                            <input type="number"
-                                   step="0.01"
-                                   min="0.01"
-                                   class="form-control"
-                                   id="wallet_deposit_amount"
-                                   name="amount"
-                                   placeholder="0.00"
-                                   required>
+                    <div class="row">
+                        <!-- Пополнение -->
+                        <div class="col-md-6">
+                            <h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение</h6>
+                            <form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
+                                {% csrf_token %}
+                                <div class="mb-3">
+                                    <label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
+                                    <input type="number"
+                                           step="0.01"
+                                           min="0.01"
+                                           class="form-control"
+                                           id="wallet_deposit_amount"
+                                           name="amount"
+                                           placeholder="0.00"
+                                           required>
+                                    <div style="height: 1.25rem;"></div>
+                                </div>
+                                <div class="mb-3">
+                                    <label for="wallet_deposit_description" class="form-label">Описание</label>
+                                    <textarea class="form-control"
+                                              id="wallet_deposit_description"
+                                              name="description"
+                                              rows="2"
+                                              placeholder="Подарок, компенсация..."
+                                              required></textarea>
+                                </div>
+                                <button type="submit" class="btn btn-success w-100"><i class="bi bi-plus-circle"></i> Пополнить</button>
+                            </form>
                         </div>
-                        <div class="mb-3">
-                            <label for="wallet_deposit_description" class="form-label">Описание (обязательно)</label>
-                            <textarea class="form-control"
-                                      id="wallet_deposit_description"
-                                      name="description"
-                                      rows="2"
-                                      placeholder="Например: Подарок, компенсация за некачественный товар"
-                                      required></textarea>
-                        </div>
-                        <button type="submit" class="btn btn-success w-100 mb-4"><i class="bi bi-plus-circle"></i> Пополнить кошелёк</button>
-                    </form>
 
-                    <hr>
-
-                    <!-- Возврат / списание -->
-                    <h6 class="text-danger mb-3 mt-4"><i class="bi bi-dash-circle"></i> Возврат / списание с кошелька</h6>
-                    <form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
-                        {% csrf_token %}
-                        <div class="mb-3">
-                            <label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
-                            <input type="number"
-                                   step="0.01"
-                                   min="0.01"
-                                   max="{{ customer.wallet_balance }}"
-                                   class="form-control"
-                                   id="wallet_withdraw_amount"
-                                   name="amount"
-                                   placeholder="0.00"
-                                   required>
-                            <small class="text-muted d-block">Макс: {{ customer.wallet_balance|floatformat:2 }} руб.</small>
+                        <!-- Возврат / списание -->
+                        <div class="col-md-6">
+                            <h6 class="text-danger mb-3"><i class="bi bi-dash-circle"></i> Списание</h6>
+                            <form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
+                                {% csrf_token %}
+                                <div class="mb-3">
+                                    <label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
+                                    <input type="number"
+                                           step="0.01"
+                                           min="0.01"
+                                           max="{{ customer.wallet_balance }}"
+                                           class="form-control"
+                                           id="wallet_withdraw_amount"
+                                           name="amount"
+                                           placeholder="0.00"
+                                           required>
+                                    <small class="text-muted d-block" style="height: 1.25rem; line-height: 1.25rem;">Макс: {{ customer.wallet_balance|floatformat:2 }} р.</small>
+                                </div>
+                                <div class="mb-3">
+                                    <label for="wallet_withdraw_description" class="form-label">Описание</label>
+                                    <textarea class="form-control"
+                                              id="wallet_withdraw_description"
+                                              name="description"
+                                              rows="2"
+                                              placeholder="Возврат наличными..."
+                                              required></textarea>
+                                </div>
+                                <button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать</button>
+                            </form>
                         </div>
-                        <div class="mb-3">
-                            <label for="wallet_withdraw_description" class="form-label">Описание (обязательно)</label>
-                            <textarea class="form-control"
-                                      id="wallet_withdraw_description"
-                                      name="description"
-                                      rows="2"
-                                      placeholder="Например: Возврат наличными, перевод на карту клиента"
-                                      required></textarea>
-                        </div>
-                        <button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать с кошелька</button>
-                    </form>
-
-                    <div class="alert alert-info mb-0 mt-4">
-                        <i class="bi bi-info-circle"></i> Все операции автоматически логируются в истории транзакций ниже.
+                    </div>
+                    <div class="alert alert-info mb-0 mt-3">
+                        <i class="bi bi-info-circle"></i> Все операции логируются в истории ниже.
                     </div>
                 </div>
             </div>