From 5374f38b62b531bd1552279b7ac562708e096250 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Tue, 23 Nov 2021 18:36:48 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=B3=20Added=20docker-compose=20definit?=
 =?UTF-8?q?ion=20for=20settings=20service?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose.yml                         | 52 ++++++++++++++--------
 src/client/components/AcquisitionPanel.tsx |  4 +-
 2 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 5b7e81f..4dda3be 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -51,7 +51,7 @@ services:
     image: frishi/comicvine-service
     container_name: comicvine-service
     environment:
-      SERVICES: comicvine 
+      SERVICES: comicvine
     volumes:
       - ${COMICS_DIRECTORY}:/comicvine-service/comics
       - ${USERDATA_DIRECTORY}:/comicvine-service/userdata
@@ -59,7 +59,7 @@ services:
     env_file: comicvine-service.env
     networks:
       - proxy
-  
+
   importapi:
     build:
       context: https://github.com/rishighan/threetwo-import-service.git
@@ -79,17 +79,17 @@ services:
       - db
     networks:
       - proxy
-  
+
   import:
     build:
       context: https://github.com/rishighan/threetwo-import-service.git
     image: frishi/threetwo-import-service
     container_name: import
-    depends_on: 
+    depends_on:
       - db
       - nats
     environment:
-      SERVICES: import 
+      SERVICES: import
     volumes:
       - ${USERDATA_DIRECTORY}:/threetwo-import-service/userdata
       - ${COMICS_DIRECTORY}:/threetwo-import-service/comics
@@ -97,7 +97,7 @@ services:
     env_file: threetwo-import-service.env
     networks:
       - proxy
-  
+
   imagetransformation:
     build:
       context: https://github.com/rishighan/threetwo-import-service.git
@@ -106,15 +106,15 @@ services:
     volumes:
       - ${USERDATA_DIRECTORY}:/threetwo-import-service/userdata
       - ${COMICS_DIRECTORY}:/threetwo-import-service/comics
-    depends_on: 
-      - db 
+    depends_on:
+      - db
       - nats
     environment:
-      SERVICES: imagetransformation 
+      SERVICES: imagetransformation
     env_file: threetwo-import-service.env
     networks:
       - proxy
-  
+
   libraryqueue:
     build:
       context: https://github.com/rishighan/threetwo-import-service.git
@@ -123,33 +123,49 @@ services:
     volumes:
       - ${USERDATA_DIRECTORY}:/threetwo-import-service/userdata
       - ${COMICS_DIRECTORY}:/threetwo-import-service/comics
-    depends_on: 
-      - db 
+    depends_on:
+      - db
       - nats
     environment:
-      SERVICES: libraryqueue 
+      SERVICES: libraryqueue
     env_file: threetwo-import-service.env
     networks:
       - proxy
 
+  settings:
+    build:
+      context: https://github.com/rishighan/threetwo-import-service.git
+    image: frishi/threetwo-import-service
+    container_name: settings
+    volumes:
+      - ${USERDATA_DIRECTORY}:/threetwo-import-service/userdata
+      - ${COMICS_DIRECTORY}:/threetwo-import-service/comics
+    depends_on:
+      - db
+      - nats
+    environment:
+      SERVICES: settings
+    env_file: threetwo-import-service.env
+    networks:
+      - proxy
   db:
-    image: 'bitnami/mongodb:latest'
+    image: "bitnami/mongodb:latest"
     container_name: database
     networks:
       - proxy
     ports:
       - "27017:27017"
     volumes:
-      - 'mongodb_data:/bitnami/mongodb'
+      - "mongodb_data:/bitnami/mongodb"
 
   nats:
     image: nats:2
     container_name: transporter
     networks:
       - proxy
-  
+
   redis:
-    image: 'bitnami/redis:latest'
+    image: "bitnami/redis:latest"
     container_name: queue
     environment:
       ALLOW_EMPTY_PASSWORD: "yes"
@@ -173,7 +189,6 @@ services:
         hard: -1
     ports:
       - 9200:9200
-  
 
 networks:
   proxy:
@@ -184,4 +199,3 @@ volumes:
     driver: local
   elasticsearch:
     driver: local
-
diff --git a/src/client/components/AcquisitionPanel.tsx b/src/client/components/AcquisitionPanel.tsx
index dcc0744..8c145f3 100644
--- a/src/client/components/AcquisitionPanel.tsx
+++ b/src/client/components/AcquisitionPanel.tsx
@@ -127,10 +127,10 @@ export const AcquisitionPanel = (
                   <div className="content">
                     <dl>
                       <dt>
-                        <div className="tags">
+                        <div className="tags mb-1">
                           {userSettings.directConnect.client.hubs.map(
                             ({ value }) => (
-                              <span className="tag" key={value}>
+                              <span className="tag is-warning" key={value}>
                                 {value}
                               </span>
                             ),