From d1e22276584c85caa54d3b5ea1c60f7c9f22dad6 Mon Sep 17 00:00:00 2001
From: mst <oivan2401@gmail.com>
Date: Fri, 28 Feb 2025 07:15:07 +0300
Subject: [PATCH] better inbox layout

---
 templates/inbox.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/templates/inbox.html b/templates/inbox.html
index 478411a..78bf178 100644
--- a/templates/inbox.html
+++ b/templates/inbox.html
@@ -52,27 +52,31 @@
 						<div class="collapse" id="cw-{{ question.id }}-collapse">
 							<div class="form-floating mb-2">
 								<input class="form-control" type="text" name="cw" id="cw" placeholder="Content warning">
-								<label for="cw">Content warning</label>
+								<label for="cw">{{ _('Content warning') }}</label>
 							</div>
 						</div>
 						<div class="form-floating">
-							<textarea class="form-control mb-2" required name="answer" id="answer-{{ question.id }}" placeholder="Write your answer..."></textarea>
-							<label for="answer-{{ question.id }}">Write your answer...</label>
+							<textarea class="form-control" style="height: 6em;" required name="answer" id="answer-{{ question.id }}" placeholder="{{ _('Write your answer...') }}"></textarea>
+							<label for="answer-{{ question.id }}">{{ _('Write your answer...') }}</label>
 						</div>
-						<div class="d-sm-flex justify-content-between align-items-center">
-							<button class="btn btn-sm btn-outline-secondary mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#cw-{{ question.id }}-collapse" aria-expanded="false" aria-controls="cw-{{ question.id }}-collapse">
-								<i class="bi bi-plus-lg me-1"></i> Add CW
+						<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center gap-2 mt-3">
+							<button class="btn btn-secondary" type="button" title="{{ _('Content warning') }}" data-bs-toggle="collapse" data-bs-target="#cw-{{ question.id }}-collapse" aria-expanded="false" aria-controls="cw-{{ question.id }}-collapse">
+								<i class="bi bi-exclamation-triangle"></i>
+								<span class="ms-1">{{ _("Add CW") }}</span>
 							</button>
 							<div class="d-flex flex-column flex-sm-row-reverse gap-2">
 								<button type="submit" class="btn btn-primary" id="answer-btn-{{ question.id }}">
 									<span class="spinner-border spinner-border-sm htmx-indicator" aria-hidden="true"></span>
-									<span class="visually-hidden" role="status">Loading...</span>
-									Answer
+									<span class="visually-hidden" role="status">{{ _('Loading...') }}</span>
+									{{ _('Answer') }}
 								</button>
 								{% if not cfg.noDeleteConfirm %}
-								<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#question-{{ question.id }}-modal">Delete</button>
+								<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#question-{{ question.id }}-modal">
+									<i class="bi bi-trash"></i>
+									<span class="d-inline d-sm-none ms-1">{{ _('Delete') }}</span>
+								</button>
 								{% else %}
-								<button type="button" class="btn btn-outline-danger" hx-delete="{{ url_for('api.deleteQuestion', question_id=question.id) }}" hx-target="#question-{{ question.id }}" hx-swap="none">Delete</button>
+								<button type="button" class="btn btn-outline-danger" hx-delete="{{ url_for('api.deleteQuestion', question_id=question.id) }}" hx-target="#question-{{ question.id }}" hx-swap="none">{{ _('Delete') }}</button>
 								{% endif %}
 							</div>
 						</div>