adjust tag message list to be more similar to topic message list styl…

…ing (#5)
mzrimsek · Apr 13, 2024 · 36cfef7 · 36cfef7
1 parent c8e9500
commit 36cfef7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/app/components/MergedTopicsMessageList.component.tsx b/app/components/MergedTopicsMessageList.component.tsx
@@ -21,7 +21,7 @@ const MergedTopicsMessageList: React.FC<MergedTopicsMessageListProps> = ({
   const topics = topicMessages.map((x) => x.topicConfig?.name).join(", ");
 
   return (
-    <div className="rounded-lg shadow-md px-4 py-4">
+    <div className="rounded-lg shadow-md px-1 py-1">
       <div className="flex flex-col mb-4">
         <h1 className="text-xl font-bold">{tag}</h1>
         <h2 className="text-md text-gray-400 italic">{topics}</h2>

diff --git a/app/containers/MessagesDisplay.component.tsx b/app/containers/MessagesDisplay.component.tsx
@@ -52,7 +52,6 @@ const MessagesDisplay: React.FC<MessagesDisplayProps> = ({
   const shouldRenderList = screenSize >= SCREEN_SIZES.md || !showMenu;
 
   const handleOptionSelected = (option: string) => {
-    // if the screen is small, hide the menu when an option is selected
     if (screenSize < SCREEN_SIZES.md) {
       setShowMenu(false);
     }
@@ -75,7 +74,7 @@ const MessagesDisplay: React.FC<MessagesDisplayProps> = ({
       {shouldRenderList && (
         <div className={listClassName}>
           <div className="flex items-center justify-between">
-            {title && <h1 className="text-xl font-bold mb-0 mr-4">{title}</h1>}
+            {title && <h1 className="text-xl font-bold mr-4">{title}</h1>}
             {shouldRenderAcknowledgementButton && (
               <button
                 className="px-4 py-2 rounded-md font-medium bg-blue-500 text-white hover:bg-gray-200 hover:text-gray-800"