Removing some more old CSS. (#4230)

Author: frjo

hypha/apply/activity/templates/activity/partial_comment_message.html

@@ -10,7 +10,7 @@
 
 {% with activity.attachments.all as attachments %}
     {% if attachments %}
-        <div class="section-attachments flex flex-wrap gap-2 min-w-40 max-w-xl mt-4 pb-2">
+        <div class="flex flex-wrap gap-2 min-w-40 max-w-xl mt-4 pb-2">
             {% for attachment in attachments %}
                 <a href="{{attachment.get_absolute_url }}"
                    class="inline-flex items-center border rounded px-3 py-2 font-medium bg-slate-50 hover:bg-slate-200 transition-colors"

hypha/apply/dashboard/templates/dashboard/finance_dashboard.html

@@ -26,7 +26,7 @@
              role="tablist" aria-label="Invoice Tabs"
              x-data="{ tab: '{% trans "Active" %}' }"
         >
-            <section class="section section--with-options">
+            <section class="flex flex-col justify-between items-center md:flex-row">
                 <h4 class="heading heading--normal heading--no-margin">{% trans 'Invoices' %} </h4>
                 <nav>
                     <a class="tab__item tab__item--alt"

hypha/apply/dashboard/templates/dashboard/includes/projects_in_contracting.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 <div id="projects-in-contracting" class="wrapper wrapper--bottom-space" x-data="{ tab: '{% trans "Waiting for contract" %}' }">
-    <section class="section section--with-options">
+    <section class="flex flex-col justify-between items-center md:flex-row">
         <h2 class="text-xl mb-2">
             {% trans 'Projects in contracting' %}
         </h2>

hypha/apply/determinations/templates/determinations/determination_detail.html

@@ -17,8 +17,7 @@
     {% endadminbar %}
 
     <div class="flex justify-between pt-2 mb-2 mt-2 max-w-[50em] border-b">
-
-        <h5 class="determination-outcome mb-4">
+        <h5>
             {% trans "Determination" %}: {{ determination.get_outcome_display }}
         </h5>
         {% if request.user.is_apply_staff %}

hypha/apply/funds/templates/funds/applicationrevision_list.html

@@ -9,17 +9,17 @@
     {% endadminbar %}
 
     <div class="wrapper wrapper--medium">
-        <ul class="revision">
+        <ul class="my-8 border border-slate-300">
             {% for revision in object_list %}
-                <li class="revision__item">
-                    <p class="revision__meta">
-                        <span class="revision__date">{{ revision.timestamp|date:"Y-m-d H:i e"}} </span>
+                <li class="flex flex-col justify-between p-4 border-b border-dashed first:bg-sky-blue last:border-0 md:flex-row">
+                    <p class="m-0">
+                        <span class="font-semibold">{{ revision.timestamp|date:"Y-m-d H:i e"}} </span>
                         {% trans "by" %} {{ revision.author }}
                         {% if forloop.first %}
-                            <span class="revision__current">- {% trans "current" %}</span>
+                            <span class="font-semibold">({% trans "current" %})</span>
                         {% endif %}
                         {% if revision.is_draft %}
-                            <span class="revision__draft">(<span class="text-red-600">{% trans "draft" %}</span>)</span
+                            <span class="font-semibold">(<span class="text-red-600">{% trans "draft" %}</span>)</span
                         {% endif %}
                     </p>
                     {% if not forloop.first %}

hypha/apply/funds/templates/funds/includes/round-block.html

@@ -3,7 +3,7 @@
      x-data="{ activeTab: 'open-rounds' }"
      x-init="activeTab = window.location.hash && ['#open-rounds', '#closed-rounds'].includes(window.location.hash) ? window.location.hash.substring(1) : activeTab"
 >
-    <section class="section section--with-options">
+    <section class="flex flex-col justify-between items-center md:flex-row">
         <h3 class="text-xl mb-2">
             <a href="{% url 'apply:rounds:list' %}">{{ title }}</a>
         </h3>

hypha/apply/funds/templates/funds/includes/status-block.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 <div class="wrapper wrapper--bottom-space">
-    <section class="section">
+    <section>
         <ul class="status-block">
             {% for status, data in status_counts.items %}
                 <a class="status-block__item {% if data.is_active %}status-block__item--active{% endif %}" href="{{ data.url }}">

hypha/apply/funds/templates/funds/revisions_compare.html

@@ -17,7 +17,7 @@
 
     {% endadminbar %}
 
-    <table class="revision-diff-table prose prose-h4:mt-0 max-w-none mb-8">
+    <table class="prose prose-h4:mt-0 max-w-none mb-8">
         <tr>
             <td>
                 <h3>{% trans "Proposal Information (Old)" %}</h3>

hypha/apply/users/templates/users/account.html

@@ -35,8 +35,8 @@ <h3 class="heading heading--no-margin font-bold">{% trans "Submit a new applicat
         </span>
     {% endadminbar %}
 
-    <div class="profile">
-        <div class="profile__column">
+    <div class="flex flex-col gap-8 justify-between my-8 md:flex-row md:divide-x">
+        <div class="flex-1">
             <h2 class="text-2xl">{% trans "Profile" %}</h2>
 
             <form action="" method="post" class="form">
@@ -51,7 +51,7 @@ <h2 class="text-2xl">{% trans "Profile" %}</h2>
         </div>
 
 
-        <div class="profile__column">
+        <div class="flex-1 md:ps-8">
             <h2 class="text-2xl">{% trans "Account Security" %}</h2>
 
             {% if show_change_password %}
@@ -87,7 +87,7 @@ <h3 class="text-base mb-2">{% trans "Two-Factor Authentication (2FA)" %}</h3>
 
 
         {% if swappable_form %}
-            <div class="profile__column">
+            <div class="flex-1 md:ps-8">
                 {% if swappable_form %}
                     <h2 class="text-2xl">{% trans "Become" %}:</h2>
                     <form action="{% url 'hijack-become' %}" method="post" class="form">

hypha/apply/users/templates/wagtailusers/users/edit.html

@@ -1,4 +1,4 @@
-<!-- Override the Wagtail's user edit template to add a custom 'Disable 2FA' button to account section-->
+<!-- Override the Wagtail's user edit template to add a custom 'Disable 2FA' button to account section -->
 {% extends "wagtailusers/users/edit.html" %}
 {% load wagtailimages_tags %}
 {% load users_tags %}