Not very good but at least im working on something

Houston-UI/MissionController/static/css/main.css

@@ -37,6 +37,12 @@ body {
   background: rgb(49, 49, 49);
 }
 
+#system {
+  grid-column: 3;
+  grid-row: 1;
+  background: rgb(49, 49, 49);
+}
+
 #camera {
   background: rgb(84, 84, 84);
   grid-column: 1;
@@ -45,12 +51,14 @@ body {
 
 #graphs {
   background: rgb(84, 84, 84);
-  grid-column: 2;
+  grid-column-start: 2;
+  grid-column-end: 3;
   grid-row: 2;
 }
 
 #status {
-  grid-column: 1 / span 2;
+  grid-column-start: 1;
+  grid-column-end: 3;
   grid-row: 3;
   font-size: 10vh;
   background: rgb(49, 49, 49);

Houston-UI/MissionController/templates/index.html

@@ -5,6 +5,7 @@
 
 <div id="wrapper">
     {% include "windows/logbook.html" %}
+    {% include "windows/system.html" %}
     {% include "windows/camera.html" %}
     {% include "windows/graphs.html" %}
     {% include "windows/statusbar.html" %}

Houston-UI/MissionController/templates/windows/logbook.html

@@ -1,4 +1,4 @@
-<div id="logbook" class="logbook">
+<div id="system" class="system">
   <table>
     <tr>
       <th>t-</th>

Houston-UI/MissionController/templates/windows/system.html

@@ -0,0 +1,14 @@
+<div id="logbook" class="logbook">
+  <table>
+    <tr>
+      <th>Container</th>
+      <th>Version</th>
+      <th>Health</th>
+    </tr>
+    <tr>
+      <td>Houston-UI</td>
+      <td>None</td>
+      <td>Healthy</td>
+    </tr>
+  </table>
+</div>

Houston-UI/docker-compose.yml

@@ -1,28 +1,34 @@
-version: '3.7'
+version: "3.7"
 
 services:
-  # db:
-  #   image: postgres:10.5
-  #   restart: always
-  #   environment:
-  #     - POSTGRES_USER=postgres
-  #     - POSTGRES_PASSWORD=postgres
-  #     - POSTGRES_DB=snub_db
-  #   logging:
-  #     options:
-  #       max-size: 10m
-  #       max-file: "3"
+  db:
+    image: postgres:latest
+    restart: "no"
+    environment:
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=postgres
+      - POSTGRES_DB=snub_db
+    logging:
+      options:
+        max-size: 10m
+        max-file: "3"
+    ports:
+      - "5438:5432"
+    tmpfs: /var/lib/postgresql/data
+
+  # adminer:
+  #   image: adminer
+  #   restart: "no"
   #   ports:
-  #     - '5438:5432'
-  #   tmpfs: /var/lib/postgresql/data
+  #     - 8080:8081
 
   Houston-UI:
     image: houston_ui:$TAG
     build:
       context: .
       dockerfile: Dockerfile
-    # links:
-    #   - "db:database"
+    links:
+      - "db:database"
     ports:
-      - '8080:8080'
+      - "8080:8080"
     restart: "no"

docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3.8'
+version: "3.8"
 
 services:
   MissionController: