From 04853ff19450c5925a7c9bacc11abe90e75f8510 Mon Sep 17 00:00:00 2001
From: Wojtek Kosior <koszko@koszko.org>
Date: Mon, 5 Sep 2022 13:58:34 +0200
Subject: [proxy] complete the text content and styling of web UI pages written
 so far

---
 .../proxy/web_ui/templates/repos/add.html.jinja    | 47 ++++++++++++----------
 1 file changed, 25 insertions(+), 22 deletions(-)

(limited to 'src/hydrilla/proxy/web_ui/templates/repos/add.html.jinja')

diff --git a/src/hydrilla/proxy/web_ui/templates/repos/add.html.jinja b/src/hydrilla/proxy/web_ui/templates/repos/add.html.jinja
index 398ac9a..8542d89 100644
--- a/src/hydrilla/proxy/web_ui/templates/repos/add.html.jinja
+++ b/src/hydrilla/proxy/web_ui/templates/repos/add.html.jinja
@@ -19,42 +19,45 @@ file's licenses. Although I request that you do not make use this code
 in a proprietary work, I am not going to enforce this in court.
 #}
 {% extends "base.html.jinja" %}
+
 {% block title %} {{ _('web_ui.repos.add.title') }} {% endblock %}
+
 {% block main %}
   <h3>{{ _('web_ui.repos.add.heading') }}</h3>
   <form method="POST">
-    <div>
-      <label for="name_field">
-        {{ _('web_ui.repos.add.name_field_label') }}
-      </label>
-    </div>
     {% if repo_name_invalid is defined %}
-      <aside class="error-note">
-        {{ _('web_ui.err.repo_name_invalid') }}
-      </aside>
+      {{ error_note(_('web_ui.err.repo_name_invalid')) }}
     {% endif %}
+
     {% if repo_name_taken is defined %}
-      <aside class="error-note">
-        {{ _('web_ui.err.repo_name_taken') }}
-      </aside>
+      {{ error_note(_('web_ui.err.repo_name_taken')) }}
     {% endif %}
-    <div>
+
+    <label for="name_field" class="block-with-bottom-margin">
+      {{ _('web_ui.repos.add.name_field_label') }}
+    </label>
+
+    <div class="flex-row">
       <input id="name_field" name="name" required="">
     </div>
-    <div>
-      <label for="url_field">
-        {{ _('web_ui.repos.add.url_field_label') }}
-      </label>
-    </div>
+
+    <div class="horizontal-separator"></div>
+
     {% if repo_url_invalid is defined %}
-      <aside class="error-note">
-        {{ _('web_ui.err.repo_url_invalid') }}
-      </aside>
+      {{ error_note(_('web_ui.err.repo_url_invalid')) }}
     {% endif %}
-    <div>
+
+    <label for="url_field" class="block-with-bottom-margin">
+      {{ _('web_ui.repos.add.url_field_label') }}
+    </label>
+
+    <div class="flex-row">
       <input id="url_field" name="url" required="">
     </div>
-    <div>
+
+    <div class="horizontal-separator"></div>
+
+    <div class="flex-row block-with-bottom-margin">
       <button class="green-button">
         {{ _('web_ui.repos.add.submit_button') }}
       </button>
-- 
cgit v1.2.3