From 757c92af5f1bac117799413fd56196773fe5da24 Mon Sep 17 00:00:00 2001
From: Bloop <13398309+vinylspiders@users.noreply.github.com>
Date: Tue, 2 Jan 2024 18:40:05 -0500
Subject: [PATCH] Changes opfor 'approve/deny' objective buttons, opfor chat
 qol (#232)

* Fixes button overlap in objective title

* Admins who send a message automatically get marked down as handling
---
 .../code/opposing_force_datum.dm              |   2 +
 .../tgui/interfaces/OpposingForcePanel.jsx    | 119 +++++++++---------
 2 files changed, 65 insertions(+), 56 deletions(-)

diff --git a/modular_nova/modules/opposing_force/code/opposing_force_datum.dm b/modular_nova/modules/opposing_force/code/opposing_force_datum.dm
index dc263bdd781..3f688332cb5 100644
--- a/modular_nova/modules/opposing_force/code/opposing_force_datum.dm
+++ b/modular_nova/modules/opposing_force/code/opposing_force_datum.dm
@@ -243,6 +243,8 @@
 			submit_to_subsystem(usr)
 		if("send_message")
 			send_message(usr, params["message"])
+			if(!handling_admin && check_rights_for(usr.client, R_ADMIN) && usr != mind_reference)
+				handle(usr) // if an admin sends a message and it's not being handled, assign them as handling it
 		// Objective control
 		if("add_objective")
 			add_objective(usr)
diff --git a/tgui/packages/tgui/interfaces/OpposingForcePanel.jsx b/tgui/packages/tgui/interfaces/OpposingForcePanel.jsx
index aaa8ce94034..76d2f11b470 100644
--- a/tgui/packages/tgui/interfaces/OpposingForcePanel.jsx
+++ b/tgui/packages/tgui/interfaces/OpposingForcePanel.jsx
@@ -770,63 +770,70 @@ export const AdminTab = (props) => {
               <Section
                 title={index + 1 + '. ' + objective.title}
                 key={objective.id}
-                buttons={
-                  <>
-                    <Button
-                      icon="check"
-                      color="good"
-                      disabled={
-                        objective.approved &&
-                        objective.status_text !== 'Not Reviewed'
-                      }
-                      content="Approve Objective"
-                      onClick={() =>
-                        act('approve_objective', {
-                          objective_ref: objective.ref,
-                        })
-                      }
-                    />
-                    <Button
-                      icon="times"
-                      color="bad"
-                      disabled={
-                        !objective.approved &&
-                        objective.status_text !== 'Not Reviewed'
-                      }
-                      content="Deny Objective"
-                      onClick={() =>
-                        act('deny_objective', {
-                          objective_ref: objective.ref,
-                        })
-                      }
-                    />
-                  </>
-                }
               >
-                <LabeledList key={objective.id}>
-                  <LabeledList.Item label="Description">
-                    {objective.description}
-                  </LabeledList.Item>
-                  <LabeledList.Item label="Justification">
-                    {objective.justification}
-                  </LabeledList.Item>
-                  <LabeledList.Item label="Intensity">
-                    {'(' +
-                      objective.intensity +
-                      ') ' +
-                      objective.text_intensity}
-                  </LabeledList.Item>
-                  <LabeledList.Item label="Status">
-                    {objective.status_text === 'Not Reviewed'
-                      ? 'Objective Not Reviewed'
-                      : objective.approved
-                        ? 'Objective Approved'
-                        : objective.denied_text
-                          ? 'Objective Denied - Reason: ' +
-                            objective.denied_text
-                          : 'Objective Denied'}
-                  </LabeledList.Item>
-                </LabeledList>
+                <Stack vertical>
+                  <Stack.Item>
+                    <LabeledList key={objective.id}>
+                      <LabeledList.Item label="Description">
+                        {objective.description}
+                      </LabeledList.Item>
+                      <LabeledList.Item label="Justification">
+                        {objective.justification}
+                      </LabeledList.Item>
+                      <LabeledList.Item label="Intensity">
+                        {'(' +
+                          objective.intensity +
+                          ') ' +
+                          objective.text_intensity}
+                      </LabeledList.Item>
+                      <LabeledList.Item label="Status">
+                        {objective.status_text === 'Not Reviewed'
+                          ? 'Objective Not Reviewed'
+                          : objective.approved
+                            ? 'Objective Approved'
+                            : objective.denied_text
+                              ? 'Objective Denied - Reason: ' +
+                                objective.denied_text
+                              : 'Objective Denied'}
+                      </LabeledList.Item>
+                    </LabeledList>
+                  </Stack.Item>
+                  <Stack mb={-1.5}>
+                    <Stack.Divider hidden grow width="50%" />
+                    <Stack.Item>
+                      <Button
+                        icon="check"
+                        color="good"
+                        disabled={
+                          objective.approved &&
+                          objective.status_text !== 'Not Reviewed'
+                        }
+                        content="Approve Objective"
+                        onClick={() =>
+                          act('approve_objective', {
+                            objective_ref: objective.ref,
+                          })
+                        }
+                      />
+                    </Stack.Item>
+                    <Stack.Item>
+                      <Button
+                        icon="times"
+                        color="bad"
+                        disabled={
+                          !objective.approved &&
+                          objective.status_text !== 'Not Reviewed'
+                        }
+                        content="Deny Objective"
+                        onClick={() =>
+                          act('deny_objective', {
+                            objective_ref: objective.ref,
+                          })
+                        }
+                      />
+                    </Stack.Item>
+                  </Stack>
+                </Stack>
               </Section>
             ))
           )}