1 files changed, 25 insertions, 22 deletions
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>