From a205f42d88063e36f117511d7c4c8a06c0db1b46 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Wed, 16 Mar 2022 17:35:04 -0500
Subject: [PATCH] Finalize (?) sleeves

---
 src/PersonObjects/Sleeve/ui/SleeveRoot.tsx | 36 +++++++++++-----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/PersonObjects/Sleeve/ui/SleeveRoot.tsx b/src/PersonObjects/Sleeve/ui/SleeveRoot.tsx
index c1ea67251..5d553a495 100644
--- a/src/PersonObjects/Sleeve/ui/SleeveRoot.tsx
+++ b/src/PersonObjects/Sleeve/ui/SleeveRoot.tsx
@@ -4,7 +4,7 @@ import {
   Box,
   Typography,
   Button,
-  Link
+  Container
 } from "@mui/material";
 
 import { use } from "../../../ui/Context";
@@ -27,25 +27,25 @@ export function SleeveRoot(): React.ReactElement {
 
   return (
     <>
-      <Typography variant="h4">Sleeves</Typography>
-      <Typography>
-        Duplicate Sleeves are MK-V Synthoids (synthetic androids) into which your consciousness has been copied. In
-        other words, these Synthoids contain a perfect duplicate of your mind.
-        <br />
-        <br />
-        Sleeves can be used to perform different tasks synchronously.
-        <br />
-        <br />
-      </Typography>
+      <Container disableGutters maxWidth="md" sx={{ mx: 0 }}>
+        <Typography variant="h4">Sleeves</Typography>
+        <Typography>
+          Duplicate Sleeves are MK-V Synthoids (synthetic androids) into which your consciousness has been copied. In
+          other words, these Synthoids contain a perfect duplicate of your mind.
+          <br />
+          <br />
+          Sleeves can be used to perform different tasks synchronously.
+          <br />
+          <br />
+        </Typography>
+
+      </Container>
 
       <Button onClick={() => setFAQOpen(true)}>FAQ</Button>
-      <Link
-        target="_blank"
-        href="https://bitburner.readthedocs.io/en/latest/advancedgameplay/sleeves.html#duplicate-sleeves"
-      >
-        <Typography> Documentation</Typography>
-      </Link>
-      <Box display="grid" sx={{ gridTemplateColumns: 'repeat(2, 1fr)' }}>
+      <Button href="https://bitburner.readthedocs.io/en/latest/advancedgameplay/sleeves.html#duplicate-sleeves" target="_blank">
+        Wiki Documentation
+      </Button>
+      <Box display="grid" sx={{ gridTemplateColumns: 'repeat(2, 1fr)', mt: 1 }}>
         {player.sleeves.map((sleeve, i) => (
           <SleeveElem key={i} rerender={rerender} sleeve={sleeve} />
         ))}