Show nofilter pill on concepts & events

src/app/components/elements/ContentPropertyTags.tsx

@@ -29,18 +29,18 @@ export const QuestionPropertyTags = ({ deprecated, supersededBy, tags, ...rest }
         })}
 
         {supersededBy && isTeacherOrAbove(user) && <a 
-            className="pill-tag-outline" 
+            className="pill-tag-outline mw-max-content" 
             href={`/questions/${supersededBy}`}
             onClick={(e) => e.stopPropagation()}
             target="_blank"
         >SUPERSEDED</a>}
 
         {deprecated && isTeacherOrAbove(user) && <span
-            className="pill-tag-outline" 
+            className="pill-tag-outline mw-max-content" 
         >DEPRECATED</span>}
 
         {tags?.includes("nofilter") && isStaff(user) && <span
-            className="pill-tag-outline" 
+            className="pill-tag-outline mw-max-content" 
         >NO-FILTER</span>}
     </div>;
 };

src/app/components/elements/cards/EventCard.tsx

@@ -8,6 +8,7 @@ import { Card, CardImg, CardBody, CardTitle, Badge, CardText, CardProps } from "
 import { Spacer } from "../Spacer";
 import classNames from "classnames";
 import { AdaCard } from "./AdaCard";
+import { QuestionPropertyTags } from "../ContentPropertyTags";
 
 const IconText = ({icon, children}: {icon: string, children: React.ReactNode}) => {
     return <div className="d-inline-flex">
@@ -79,7 +80,10 @@ export const PhysicsEventCard = ({event, layout, ...rest}: {event: AugmentedEven
                     </div>}
             </Link>}
         <CardBody className="d-flex flex-column">
-            {title && <CardTitle className="mb-0 pod-title" id={`event-title-${id}`}><h5>{title}</h5></CardTitle>}
+            <CardTitle className="mb-0 pod-title d-flex align-items-baseline" id={`event-title-${id}`}>
+                {title && <h5 className="mb-0 me-2">{title}</h5>}
+                <QuestionPropertyTags tags={event.tags} />
+            </CardTitle>
             {subtitle && <CardText className="mb-2 fixed-height">
                 {subtitle}
             </CardText>}

src/app/components/elements/list-groups/ListView.tsx

@@ -84,6 +84,7 @@ export const ConceptListViewItem = ({item, ...rest}: ConceptListViewItemProps) =
         icon={icon}
         title={item.title ?? ""}
         subject={itemSubject !== "neutral" ? itemSubject : undefined}
+        tags={item.tags}
         subtitle={item.summary ?? item.subtitle}
         breadcrumb={breadcrumb}
         url={url}
@@ -133,6 +134,7 @@ export const EventListViewItem = ({item, ...rest}: EventListViewItemProps) => {
         title={item.title ?? ""}
         subject={itemSubject}
         subtitle={item.subtitle}
+        tags={item.tags}
         url={url}
         {...rest}
     />;