feat: Simplify layout and improve text readability in MutationListItem and QueryListItem components

Author: dborysov

src/components/mutation/MutationListItem.tsx

@@ -59,13 +59,13 @@ export function MutationListItem({ mutation, index, isSelected, onSelect, stagge
       `}
     >
       {/* Simple card content */}
-      <div onClick={handleCardClick} className="flex items-center gap-3 query-item-responsive">
+      <div onClick={handleCardClick} className="flex items-center gap-3">
         {/* Status indicator */}
         <StatusBadge status={status} />
 
         {/* Mutation info */}
         <div className="flex-1">
-          <div className="font-mono query-key-responsive text-gray-700 dark:text-gray-300 truncate">{mutation.mutationKey || `Mutation #${mutation.mutationId}`}</div>
+          <div className="font-mono text-xs text-gray-700 dark:text-gray-300 truncate">{mutation.mutationKey || `Mutation #${mutation.mutationId}`}</div>
           <div className="text-xs text-gray-500 dark:text-gray-400 truncate">{new Date(mutation.submittedAt).toLocaleTimeString()}</div>
         </div>
       </div>

src/components/query/QueryListItem.tsx

@@ -71,12 +71,12 @@ export function QueryListItem({ query, index, isSelected, onSelect, staggerIndex
       `}
     >
       {/* Simple card content */}
-      <div className="flex items-center gap-3 query-item-responsive">
+      <div className="flex items-center gap-3">
         {/* Observer count badge with state transition animations */}
         <StatusBadge status={status} count={query.observersCount} transitionDuration={500} />
 
         {/* Query key */}
-        <div className="flex-1 font-mono query-key-responsive text-gray-700 dark:text-gray-300 truncate">{formatQueryKeyShort(query.queryKey)}</div>
+        <div className="flex-1 font-mono text-xs text-gray-700 dark:text-gray-300 truncate">{formatQueryKeyShort(query.queryKey)}</div>
       </div>
     </div>
   );

src/index.css

@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "./styles/base.css";
-@import "./styles/responsive.css";
 @import "./styles/components.css";
 @import "./styles/cards.css";
 @import "./styles/animations.css";