Communication: Reduce height of channel and chat item card (#9480)

ls1intum · Oct 18, 2024 · e70d972 · e70d972
1 parent 98d6d06
commit e70d972
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.html b/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.html
@@ -1,9 +1,9 @@
 <div class="option-buttons" (click)="$event.stopPropagation()">
-    <button class="favorite btn btn-outline-secondary sidebar-button px-0" (click)="onFavoriteClicked($event)" type="button">
+    <button class="favorite btn btn-outline-secondary sidebar-button p-0" (click)="onFavoriteClicked($event)" type="button">
         <fa-icon [icon]="conversation.isFavorite ? faHeartSolid : faHeartRegular" size="sm" />
     </button>
     <div ngbDropdown container="body" class="d-inline-block">
-        <button class="btn btn-outline-secondary dropdown-toggle sidebar-button" type="button" ngbDropdownToggle>
+        <button class="btn btn-outline-secondary dropdown-toggle sidebar-button py-0" type="button" ngbDropdownToggle>
             <fa-icon [icon]="faEllipsisVertical" size="sm" />
         </button>
         <div ngbDropdownMenu>

diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.html b/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.html
@@ -1,6 +1,6 @@
 <!-- TODO: Refactor Special Case 'Exercise' -->
 @if (sidebarItem) {
-    <div class="mx-1 mb-1">
+    <div class="mx-1">
         @if (sidebarType === 'exam') {
             <div class="d-flex justify-content-between align-items-baseline">
                 <span id="test-sidebar-card-title" class="me-2 mb-2" [title]="sidebarItem.title">
@@ -46,7 +46,7 @@
                 </small>
             </div>
         } @else {
-            <div class="d-flex justify-content-between mb-1 align-items-baseline">
+            <div class="d-flex justify-content-between align-items-baseline">
                 <span id="test-sidebar-card-title" class="small fw-semibold text-truncate me-2" [title]="sidebarItem.title" [class.muted]="sidebarItem.conversation?.isMuted">
                     @if (sidebarItem.icon) {
                         <fa-icon [fixedWidth]="true" [icon]="sidebarItem.icon" />
@@ -59,7 +59,7 @@
                     }
                 </span>
             </div>
-            <div class="d-flex justify-content-between align-items-baseline small">
+            <div class="d-flex justify-content-between align-items-baseline small" [ngClass]="{ 'mt-1': sidebarItem.subtitleLeft }">
                 <small class="me-2 text-truncate">
                     {{ sidebarItem.subtitleLeft }}
                 </small>

diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.html b/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.html
@@ -10,7 +10,7 @@
 } @else {
     <div
         id="test-sidebar-card-medium"
-        class="pointer rounded-3 col-12 px-1 pt-2 pb-1 border-start border-5 highlight-card bg-module"
+        class="pointer rounded-3 col-12 px-1 py-2 border-start border-5 highlight-card bg-module"
         [ngClass]="{
             'border-success': sidebarItem?.difficulty === DifficultyLevel.EASY,
             'border-warning': sidebarItem?.difficulty === DifficultyLevel.MEDIUM,

diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.html b/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.html
@@ -9,7 +9,7 @@
     (click)="emitStoreAndRefresh(sidebarItem.id)"
     [routerLinkActive]="'bg-selected border-selected'"
 >
-    <div class="w-75">
+    <div class="w-75 align-self-center">
         <jhi-sidebar-card-item [sidebarType]="sidebarType" [sidebarItem]="sidebarItem" />
     </div>
     @if (sidebarItem.conversation) {