🧹 Cleaning up dashboard typography

docker-compose.yml

@@ -97,7 +97,7 @@ services:
 
   mongodb:
     image: 'bitnami/mongodb:latest'
-    container_name: db
+    container_name: database
     networks:
       - proxy
     ports:
@@ -118,6 +118,10 @@ services:
       - "80:80"
     volumes:
       - ./proxy.conf:/etc/nginx/conf.d/default.conf 
+  
+  rabbitmq:
+    image: 'bitnami/rabbitmq:latest'
+    container_name: jobs_queue
 
 networks:
   proxy:

src/client/components/RecentlyImported.tsx

@@ -25,7 +25,9 @@ export const RecentlyImported = ({
   };
   return (
     <>
-      <h2 className="subtitle">Recently Imported</h2>
+      <div className="content">
+        <h4 className="subtitle">Recently Imported</h4>
+      </div>
       <Masonry
         breakpointCols={breakpointColumnsObj}
         className="recent-comics-container"

src/client/components/VolumeGroups.tsx

@@ -20,9 +20,10 @@ export const VolumeGroups = (): ReactElement => {
     (state: RootState) => state.fileOps.comicVolumeGroups,
   );
   return (
-    <section className="volumes-container">
+    <section className="volumes-container mt-4">
       <div className="content">
-        <div className="subtitle">Volumes</div>
+        <p className="title is-4">Volumes</p>
+        <p className="subtitle is-7">Based on ComicVine Volume information</p>
       </div>
       <Masonry
         breakpointCols={breakpointColumnsObj}