makes the revamp of the subscription form

feed/static/feed/styles/main.css

@@ -1147,6 +1147,7 @@ a:hover {
     gap: calc(var(--grid-step) * 3);
     max-height: 90vh;
     overflow-y: auto;
+    width: calc(var(--grid-step) * 64)
 }
 
 .dialog-header {

feed/templates/blocks/feed/parsing_done.html

@@ -1,13 +1,13 @@
 <div class="feed-links-list">
     {% for result_item in result %}
         <div class="feed-description">
-            <h2 class="heading">
+            <h4 class="heading">
                 <a class="feed-links-list-item-link" href="{% url 'feed_subscription' slug=result_item.slug %}">
                     {{ result_item.title }}
                 </a>
-            </h2>
+            </h4>
             {% if result_item.description %}
-                <p class="paragraph">{{ result_item.description }}</p>
+                <p class="paragraph feed-description__text">{{ result_item.description }}</p>
             {% endif %}
             <div class="flex-column-button-container sidebar-block-content">
                 <form id="feed-subscription"

feed/templates/dialogs/base.html

@@ -1,14 +1,5 @@
 <dialog id="{{ dialog_id }}" class="dialog dialog_{{ dialog_position }}">
     <div class="dialog-content">
-{#        <header class="dialog-header">#}
-{#            <form class="dialog-close">#}
-{#                <button class="button button--ghost button--sm" formmethod="dialog">#}
-{#                    {% include 'icons/close.svg' %}#}
-{#                </button>#}
-{#            </form>#}
-{#        </header>#}
-        <div>
-            {% block body %}{% endblock %}
-        </div>
+        {% block body %}{% endblock %}
     </div>
 </dialog>

feed/templates/dialogs/feed/new.html

@@ -1,22 +1,5 @@
 {% extends 'dialogs/base.html' %}
-{% load i18n %}
 
 {% block body %}
-    <div class="form-inline-row">
-        <form class="form flex-column-button-container"
-              method="post" action="{% url 'new_feed' %}"
-              hx-post="{% url 'new_feed' %}"
-        >
-            {% csrf_token %}
-            <div class="form-inline-row">
-                {{ form.as_div }}
-                <button class="button button--primary button--sm" type="submit">
-                    {% translate 'Add feed' noop %}
-                </button>
-            </div>
-        </form>
-        <button class="button button--primary button--sm" type="submit">
-            Add feed
-        </button>
-    </div>
+    {% include 'forms/feed_new.html' %}
 {% endblock %}

feed/templates/feed/success.html

@@ -1,7 +1,4 @@
-{% extends 'feed/new.html' %}
-{% load i18n %}
-{% block title %}Success{% endblock %}
-
+{% extends 'forms/feed_new.html' %}
 {% block result %}
     <form method="post" 
           hx-post="{% url 'api_feed_parsing_status' %}"

feed/templates/forms/feed_new.html

@@ -0,0 +1,16 @@
+{% load i18n %}
+
+<form class="form flex-column-button-container"
+      method="post" action="{% url 'new_feed' %}"
+      hx-post="{% url 'new_feed' %}"
+      hx-swap="outerHTML"
+>
+    {% csrf_token %}
+    <div class="form-inline-row">
+        {{ form.as_div }}
+        <button class="button button--primary button--sm" type="submit">
+            {% translate 'Add feed' noop %}
+        </button>
+    </div>
+</form>
+{% block result %}{% endblock %}

feed/views/feed/feed_create.py

@@ -8,7 +8,7 @@
 
 class FeedCreate(FormView, PageMetaMixin, FeedContextMixin, FeedFiltersMixin):
     form_class = FeedForm
-    template_name = 'feed/new.html'
+    template_name = 'forms/feed_new.html'
     success_url = '/feed/new/success/?url={url}'
     title = _('My feed')