From efa3d8df67fa33cb95b628c29abcbf2ac66ccc93 Mon Sep 17 00:00:00 2001
From: Matteo Carbone <mc@matteocarbone.com>
Date: Tue, 28 Mar 2023 14:34:45 +0100
Subject: [PATCH] style(subjects): better avatars sizing

---
 front-end/src/app/common/subject.component.scss | 4 ++++
 front-end/src/app/tabs/topics/topic.page.html   | 7 ++++++-
 front-end/src/app/tabs/topics/topic.page.scss   | 3 +++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/front-end/src/app/common/subject.component.scss b/front-end/src/app/common/subject.component.scss
index 7548026..63c484a 100644
--- a/front-end/src/app/common/subject.component.scss
+++ b/front-end/src/app/common/subject.component.scss
@@ -1,3 +1,7 @@
 ion-item {
   --border-radius: 4px;
+  ion-avatar {
+    width: var(--app-subject-avatar-size, 50px);
+    height: var(--app-subject-avatar-size, 50px);
+  }
 }
diff --git a/front-end/src/app/tabs/topics/topic.page.html b/front-end/src/app/tabs/topics/topic.page.html
index 56bbc1d..10856f0 100644
--- a/front-end/src/app/tabs/topics/topic.page.html
+++ b/front-end/src/app/tabs/topics/topic.page.html
@@ -35,7 +35,12 @@
           </ion-card-header>
           <ion-card-content>
             <ion-list class="aList" lines="none">
-              <app-subject color="white" *ngFor="let subject of topic.subjects" [subject]="subject"></app-subject>
+              <app-subject
+                color="white"
+                *ngFor="let subject of topic.subjects"
+                [subject]="subject"
+                [class.single]="topic.subjects?.length === 1"
+              ></app-subject>
               <ion-row class="ion-margin-top" *ngIf="!topic.isArchived()">
                 <ion-col *ngIf="topic.willCloseAt">
                   <ion-item class="ion-text-right deadline">
diff --git a/front-end/src/app/tabs/topics/topic.page.scss b/front-end/src/app/tabs/topics/topic.page.scss
index b808b5f..e1a6e07 100644
--- a/front-end/src/app/tabs/topics/topic.page.scss
+++ b/front-end/src/app/tabs/topics/topic.page.scss
@@ -16,6 +16,9 @@ ion-list.aList {
   ion-list-header ion-label h2 {
     margin-bottom: 0;
   }
+  app-subject.single {
+    --app-subject-avatar-size: 100px;
+  }
   ion-item.deadline {
     ion-label {
       font-size: 0.9em;