From bce37906e9c5a0df4f7b366a831322429f7c3a42 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Tue, 12 Oct 2021 00:12:43 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=B9=20Cleaning=20up=20dashboard=20typo?=
 =?UTF-8?q?graphy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose.yml                         | 6 +++++-
 src/client/components/RecentlyImported.tsx | 4 +++-
 src/client/components/VolumeGroups.tsx     | 5 +++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index c8f4d1c..f0a9ab7 100644
--- a/docker-compose.yml
+++ b/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:
diff --git a/src/client/components/RecentlyImported.tsx b/src/client/components/RecentlyImported.tsx
index fc7561e..e4cbbfe 100644
--- a/src/client/components/RecentlyImported.tsx
+++ b/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"
diff --git a/src/client/components/VolumeGroups.tsx b/src/client/components/VolumeGroups.tsx
index e25af14..539c0be 100644
--- a/src/client/components/VolumeGroups.tsx
+++ b/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}