diff --git a/my-tandems.html b/my-tandems.html
new file mode 100644
index 0000000..b121adc
--- /dev/null
+++ b/my-tandems.html
@@ -0,0 +1,363 @@
+
+
+
+
e-TANDEM · Mes TANDEMs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mes TANDEMs
+
+
+
+
+
+
+
+
+
+
+
+
+
+ TANDEMs en cours
+
+ -
+
+
+
Priscilla
+
priscilla@mail.ch
+
Allemand, Suisse-allemand, Anglais
+
TANDEM commencé le 15.01.2025
+
+
+
+
+
+
+
+ Historique des TANDEMs
+
+ -
+
+
+
Eric B.
+
Français, Anglais
+
TANDEM commencé le 16.12.2024 | Terminé le 01:01.2025
+
+ -
+
+
+
Utilisateur avec un nom à rallonge
+
Allemand, Portugais
+
TANDEM commencé le 16.12.2024 | Terminé le 01:01.2025
+
+ -
+
+
+
T800
+
Assembleur, binaire
+
TANDEM commencé le 16.12.2024 | Terminé le 01:01.2025
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/css/main.css b/static/css/main.css
index 67b6b36..113637a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -288,34 +288,38 @@ article li:not(:first-of-type){
padding-left: 0;
margin-bottom: 0
}
-.invitation{
+.invitation, .tandem{
display: flex;
align-items: center;
gap: 2rem;
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
-.invitation .user-pseudo{
+.invitation .user-pseudo, .tandem .user-pseudo{
margin-bottom: 0.125rem;
}
-.invitation:not(:first-of-type){
+.invitation:not(:first-of-type), .tandem:not(:first-of-type){
margin-top: .75rem;
}
-.invitation .user-avatar img{
+.invitation .user-avatar img, .tandem .user-avatar img{
width: 3rem;
height: 3rem;
}
+#current-tandems .user-avatar img{
+ width: 5rem;
+ height: 5rem;
+}
p.date{
font-size: 0.8em;
color: var(--bs-gray-600);
- margin-bottom: 0.5rem;
+ margin: 0.5rem 0;
}
h2.date{
color: var(--bs-gray-600);
border-bottom: 1px solid var(--bs-gray-600);
padding-bottom: 0.5rem;
}
-.invitation-options{
+.invitation-options, .tandem-options{
margin-left: auto;
align-self: center;
}
@@ -462,7 +466,7 @@ table#reports-todo tr:not(:first-of-type) {
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
-.report p:not(.date){
+.report p:not(.date), .tandem p:not(.date){
margin-bottom: 0;
}
#lang-level-list{
@@ -624,10 +628,10 @@ nav .icon-ui{
.profile .user-pseudo{
margin: .5em auto;
}
- .invitation{
+ .invitation, .tandem{
gap: 1rem;
}
- .invitation .user-pseudo{
+ .invitation .user-pseudo, .tandem .user-pseudo{
text-align: left;
}
}
@@ -641,13 +645,13 @@ nav .icon-ui{
#avatar-container{
text-align: center;
}
- .profile-options, .invitation-options{
+ .profile-options, .invitation-options, .tandem-options{
display: grid;
gap: 0 .5rem;
width: fit-content;
margin: calc(var(--div-padding) / 3) auto 0;
}
- .invitation-options{
+ .invitation-options, .tandem-options{
margin: 0;
}
.offcanvas .user-avatar{
@@ -713,10 +717,10 @@ nav .icon-ui{
.separator.menu-admin > .btn-link{
padding: .725rem 1rem .725rem 0;
}
- .invitation-options button span{
+ .invitation-options button span, .tandem-options button span{
display: none;
}
- .invitation-options button .icon-ui{
+ .invitation-options button .icon-ui, .tandem-options button .icon-ui{
margin: 0;
}
table#reports-todo td, table#reports-todo td:first-child{
diff --git a/static/img/tandem-ask.svg b/static/img/tandem-ask.svg
index f810d86..8ab7020 100644
--- a/static/img/tandem-ask.svg
+++ b/static/img/tandem-ask.svg
@@ -1,7 +1,7 @@
-
++ +
++
++