From a0406d801650ac9e6f0b75c6597a76a959193a9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ji=C5=99=C3=AD=20Barou=C5=A1?=
 <Amunak@users.noreply.github.com>
Date: Sat, 14 Nov 2020 12:20:27 +0100
Subject: [PATCH] Aligns the crew manifest columns and makes it spawn slightly
 larger (#10527)

---
 code/controllers/subsystems/records.dm        |  2 +-
 .../file_system/programs/generic/manifest.dm  |  4 +--
 .../amunak-manifest-embiggening.yml           |  4 +++
 vueui/src/components/view/manifest.vue        | 25 ++++++++++++++++---
 4 files changed, 28 insertions(+), 7 deletions(-)
 create mode 100755 html/changelogs/amunak-manifest-embiggening.yml

diff --git a/code/controllers/subsystems/records.dm b/code/controllers/subsystems/records.dm
index a8d5d125488..e46f108266b 100644
--- a/code/controllers/subsystems/records.dm
+++ b/code/controllers/subsystems/records.dm
@@ -197,7 +197,7 @@
 /datum/controller/subsystem/records/proc/open_manifest_vueui(mob/user)
 	var/datum/vueui/ui = SSvueui.get_open_ui(user, src)
 	if (!ui)
-		ui = new(user, src, "manifest", 450, 600, "Crew Manifest")
+		ui = new(user, src, "manifest", 580, 700, "Crew Manifest")
 		ui.header = "minimal"
 	ui.open()
 
diff --git a/code/modules/modular_computers/file_system/programs/generic/manifest.dm b/code/modules/modular_computers/file_system/programs/generic/manifest.dm
index 6b2eacbfce4..a9436625007 100644
--- a/code/modules/modular_computers/file_system/programs/generic/manifest.dm
+++ b/code/modules/modular_computers/file_system/programs/generic/manifest.dm
@@ -13,11 +13,11 @@
 /datum/computer_file/program/manifest/ui_interact(mob/user)
 	var/datum/vueui/ui = SSvueui.get_open_ui(user, src)
 	if (!ui)
-		ui = new /datum/vueui/modularcomputer(user, src, "manifest", 450, 600, "Crew Manifest")
+		ui = new /datum/vueui/modularcomputer(user, src, "manifest", 580, 700, "Crew Manifest")
 	ui.open()
 
 /datum/computer_file/program/manifest/vueui_transfer(oldobj)
-	SSvueui.transfer_uis(oldobj, src, "manifest", 450, 600, "Crew Manifest")
+	SSvueui.transfer_uis(oldobj, src, "manifest", 580, 700, "Crew Manifest")
 	return TRUE
 
 // Gaters data for ui
diff --git a/html/changelogs/amunak-manifest-embiggening.yml b/html/changelogs/amunak-manifest-embiggening.yml
new file mode 100755
index 00000000000..9ddd2cbcc35
--- /dev/null
+++ b/html/changelogs/amunak-manifest-embiggening.yml
@@ -0,0 +1,4 @@
+author: Amunak
+delete-after: True
+changes:
+  - bugfix: "Aligned Crew Manifest columns. The window had to be embiggened a bit to make this look decent."
diff --git a/vueui/src/components/view/manifest.vue b/vueui/src/components/view/manifest.vue
index 1804f116251..f8b1cbebcf1 100644
--- a/vueui/src/components/view/manifest.vue
+++ b/vueui/src/components/view/manifest.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <div v-if="manifestLen(fixedmanifest) > 0">
-      <table v-for="(el, dept) in fixedmanifest" :key="dept" class="mt-2" :class="'border-dept-' + dept.toLowerCase()">
+      <table v-for="(el, dept) in fixedmanifest" :key="dept" :class="'border-dept-' + dept.toLowerCase()">
         <tr :class="'bg-dept-' + dept.toLowerCase()">
           <th colspan="3" class="fw-bold">{{ dept }}</th>
         </tr>
         <tr v-for="entry in el" :key="entry.name" :class="{'fw-bold': entry.head}">
-          <td class="pl-2">{{ entry.name }}</td>
-          <td class="px-1">{{ entry.rank }}</td>
-          <td class="pr-2 text-right">{{ entry.active }}</td>
+          <td>{{ entry.name }}</td>
+          <td>{{ entry.rank }}</td>
+          <td>{{ entry.active }}</td>
         </tr>
       </table>
     </div>
@@ -47,5 +47,22 @@ table {
   color: white;
   background-color: rgba(0, 0, 0, 0.6);
   border: 2px solid;
+  margin-top: .5rem;
+
+  td {
+    padding-left: .5rem;
+    padding-right: .5rem;
+  }
+
+  // middle (rank) column
+  td:nth-child(2) {
+    width: 12.5rem;
+  }
+
+  // last (activity) column
+  td:last-child {
+    text-align: right;
+    width: 6.5rem;
+  }
 }
 </style>