small fe tweaks

Author: tudoramariei

backend/templates/v2/form/redirection-header.html

@@ -7,11 +7,11 @@
   </div>
 
   <div class="">
-    <h1 class="text-3xl font-bold tracking-tight text-gray-900">
+    <h1 class="text-3xl font-bold tracking-tight text-gray-900 pb-2">
       {{ ngo.name }}
     </h1>
 
-    <ul class="flex gap-4 mt-1 text-sm font-medium">
+    <ul class="flex flex-col lg:flex-row gap-2 lg:gap-4 mt-1 text-sm font-medium">
       {% if ngo_website %}
         <li>
           <a href="{{ ngo_website }}" class="hover:text-amber-600">

backend/templates/v2/public/all-ngos.html

@@ -6,11 +6,17 @@
   <header class="-mt-16 bg-yellow-400">
     <div class="container flex flex-col max-w-4xl gap-6 text-center pt-9 pb-14">
       <h1 class="text-3xl font-bold text-center text-gray-900">
-        Explorează organizații
+        {% trans "Explore organizations" %}
       </h1>
 
       <p class="font-medium text-gray-900">
-        Fără să te coste nimic în plus, redirecționând, oferi un strop de putere în plus unui ONG care să facă bine și în numele tău. Poți opta pentru redistribuirea sumei până pe 25 Mai.
+        {% blocktranslate trimmed %}
+          Without costing you anything extra,
+          by redirecting,
+          you give a little extra power to an NGO to do good in your name.
+          You can opt for the redistribution of the amount until
+        {% endblocktranslate %}
+        <strong class="text-cyan-900">{{ limit.day }} {{ month_limit }}</strong>.
       </p>
     </div>
   </header>
@@ -22,29 +28,27 @@ <h1 class="text-3xl font-bold text-center text-gray-900">
     </form>
 
     <div class="grid gap-x-8 gap-y-16 sm:grid-cols-2 lg:grid-cols-4 xl:gap-x-10 xl:gap-y-20">
-      {% trans "organizations" as paginated_type %}
-      {% include "public/components/pagination.html" with page_obj=page_obj paginated_type=paginated_type show_pagination_count=True %}
-
-      {% for ngo in ngos %}
-        {% include "public/components/ngo-card.html" with ngo=ngo %}
-      {% endfor %}
+      {% if not ngos %}
+        <div class="col-span-full text-center">
+          <p class="text-gray-900 text-4xl font-bold">
+            {% trans "No organizations found." %}
+          </p>
+        </div>
+      {% else %}
+        {% trans "organizations" as paginated_type %}
+        {% include "public/components/pagination.html" with page_obj=page_obj paginated_type=paginated_type show_pagination_count=True %}
+
+        {% for ngo in ngos %}
+          {% include "public/components/ngo-card.html" with ngo=ngo %}
+        {% endfor %}
+      {% endif %}
     </div>
 
     {% include "public/components/pagination.html" with page_obj=page_obj %}
   </section>
 
   <aside class="px-6 py-24 sm:px-6 sm:py-32 lg:px-8">
-    <div class="max-w-2xl mx-auto text-center">
-      <h2 class="text-4xl font-semibold tracking-tight text-gray-900 text-balance sm:text-5xl">
-        Reprezinți un ONG?
-      </h2>
-      <p class="max-w-xl mx-auto mb-10 text-xl text-gray-600 text-pretty sm:text-3xl">
-        Află cum te ajută redirecționează.ro
-      </p>
-
-      <a href="{% url 'signup' %}" class="py-3 font-semibold text-center text-gray-900 rounded-md shadow-sm px-7 bg-amber-300 hover:bg-amber-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-300">Începe aici</a>
-
-    </div>
+    {% include "account/snippets/cta-ngohub.html" %}
   </aside>
 
 {% endblock %}

backend/templates/v2/public/components/faq-question.html

@@ -1,5 +1,6 @@
 <div
-  x-data="{ expanded: false }">
+  x-data="{ expanded: false }"
+  class="border-b border-gray-200 py-8">
 
   <dt>
     <!-- Expand/collapse question button -->
@@ -23,7 +24,7 @@
   </dt>
 
   <dd class="pr-12 mt-2" x-show="expanded">
-    <div class="text-gray-600 text-base/7">
+    <div class="text-gray-600 text-base/7 list-disc">
       {{ answer|safe }}
     </div>
   </dd>

backend/templates/v2/public/components/ngo-search.html

@@ -1,12 +1,15 @@
+{% load i18n %}
+
 <div class="relative pt-8 pb-4" x-data="ngoSearch" x-on:click.outside="close">
   <label class="relative grid grid-cols-1">
-    <span class="sr-only">Caută un ONG după nume sau CUI/CIF</span>
+    {% trans "Search for an NGO by its name" as search_title %}
+    <span class="sr-only">{{ search_title }}</span>
 
     <input
       type="text"
       name="q"
       class="border-none col-start-1 row-start-1 block w-full rounded-full bg-white py-1.5 pl-10 pr-3 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-amber-300 sm:pl-9 sm:text-sm/6 focus:outline-none"
-      placeholder="Caută un ONG după nume sau CUI/CIF"
+      placeholder="{{ search_title }}"
       autocomplete="off"
     >
 

backend/templates/v2/public/faq.html

@@ -19,7 +19,7 @@ <h1>FAQ – Întrebări frecvente</h1>
             </a>
           </h2>
 
-          <dl class="grid gap-6 mt-8">
+          <dl class="grid mt-8">
             {% for question in section.questions %}
               {% include "public/components/faq-question.html" with question=question.title answer=question.answer %}
             {% endfor %}