Templates, yet again

templates/components/SearchComponent.html.twig

@@ -26,7 +26,6 @@
         {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
             <div class="notice info mb-5">
                 <p>Log in to search articles.</p>
-                <small>Currently only available on desktop.</small>
             </div>
         {% endif %}
 

templates/feedback/form.html.twig

@@ -4,31 +4,33 @@
 {% block body %}
 <div class="w-container mt-5">
     <twig:Atoms:PageHeading heading="Feedback" tagline="Bug reports and feature requests welcome"/>
-  <form data-controller="nostr-single-sign" data-nostr-single-sign-event-value='{{ {
+    <section>
-    "kind": 24,
+        <form data-controller="nostr-single-sign" data-nostr-single-sign-event-value='{{ {
-    "tags": [...recipients|map(r => ["p", r]), ['client', 'Decent Newsroom']],
+            "kind": 24,
-    "content": ""
+            "tags": [...recipients|map(r => ["p", r]), ['client', 'Decent Newsroom']],
-  }|json_encode(constant('JSON_UNESCAPED_SLASHES')) }}'
+            "content": ""
-    data-nostr-single-sign-publish-url-value="/api/nostr/publish"
+        }|json_encode(constant('JSON_UNESCAPED_SLASHES')) }}'
-    data-nostr-single-sign-csrf-token-value="{{ csrf_token('feedback') }}"
+              data-nostr-single-sign-publish-url-value="/api/nostr/publish"
-    data-action="submit->nostr-single-sign#signAndPublish">
+              data-nostr-single-sign-csrf-token-value="{{ csrf_token('feedback') }}"
-      <div data-nostr-single-sign-target="status"></div>
+              data-action="submit->nostr-single-sign#signAndPublish">
-      <div class="mb-3">
+            <div data-nostr-single-sign-target="status"></div>
-          <p>To:
+            <div class="mb-3">
-              {% for r in recipients %}
+                <p>To:
-                  <twig:Molecules:UserFromNpub :ident="r" />
+                    {% for r in recipients %}
-                  {% if not loop.last %}and {% endif %}
+                        <twig:Molecules:UserFromNpub :ident="r" />
-              {% endfor %}
+                        {% if not loop.last %}and {% endif %}
-          </p>
+                    {% endfor %}
-        <label for="feedback-message" class="form-label">Your Message</label>
+                </p>
-        <textarea id="feedback-message" class="form-control" rows="5" required data-action="input->nostr-single-sign#preparePreview"></textarea>
+                <label for="feedback-message" class="form-label">Your Message</label>
-    </div>
+                <textarea id="feedback-message" class="form-control" rows="5" required data-action="input->nostr-single-sign#preparePreview"></textarea>
-  <div class="actions">
+            </div>
-      <button type="submit" class="btn btn-primary" data-nostr-single-sign-target="publishButton">Send Feedback</button>
+            <div class="actions">
-  </div>
+                <button type="submit" class="btn btn-primary" data-nostr-single-sign-target="publishButton">Send Feedback</button>
-    <h5 class="mt-4">Preview</h5>
+            </div>
-    <pre data-nostr-single-sign-target="computedPreview" class="bg-light p-2"></pre>
+            <h5 class="mt-4">Preview</h5>
-  </form>
+            <pre data-nostr-single-sign-target="computedPreview" class="bg-light p-2"></pre>
+        </form>
+    </section>
 </div>
 {% endblock %}
 

templates/pages/search.html.twig

@@ -10,7 +10,9 @@
             <p class="eyebrow">hidden gems</p>
         </div>
     </section>
-    <twig:SearchComponent />
+    <section>
+        <twig:SearchComponent />
+    </section>
 {% endblock %}
 
 {% block aside %}