disable activity-type-badge responsiveness

libs/ui/src/lib/activities-filter/activities-filter.component.html

@@ -63,7 +63,10 @@
           {{ filter.label | gfSymbol }}
         </ng-container>
         <ng-container *ngIf="filter.type === 'TYPE'">
-          <gf-activity-type [activityType]="$any(filter.id)"></gf-activity-type>
+          <gf-activity-type
+            [activityType]="$any(filter.id)"
+            [disableResponsive]="true"
+          ></gf-activity-type>
         </ng-container>
         <ng-container
           *ngIf="

libs/ui/src/lib/activity-type/activity-type.component.html

@@ -28,5 +28,7 @@
     *ngIf="activityType === 'SELL'"
     name="arrow-down-circle-outline"
   ></ion-icon>
-  <span class="d-none d-lg-block mx-1">{{ activityTypeLabel }}</span>
+  <span class="mx-1" [ngClass]="disableResponsive ? '' : 'd-none d-lg-block'">{{
+    activityTypeLabel
+  }}</span>
 </div>

libs/ui/src/lib/activity-type/activity-type.component.ts

@@ -15,6 +15,7 @@ import { Type as ActivityType } from '@prisma/client';
 })
 export class ActivityTypeComponent implements OnChanges {
   @Input() activityType: ActivityType;
+  @Input() disableResponsive?: boolean;
 
   public activityTypeLabel: string;