diff --git a/components/Card.js b/components/Card.js
index 3ea7713..61d5f96 100644
--- a/components/Card.js
+++ b/components/Card.js
@@ -4,7 +4,7 @@ import Link from 'next/link'
const useStyles = makeStyles({
homeCard: {
- width: '350px',
+ width: '300px',
height: '150px',
background: '#1f1b24',
margin: '10px',
diff --git a/pages/controlpanel/commands.js b/pages/controlpanel/commands.js
index 8605bd5..c160ac2 100644
--- a/pages/controlpanel/commands.js
+++ b/pages/controlpanel/commands.js
@@ -1,72 +1,72 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Table from '@material-ui/core/Table';
-import TableBody from '@material-ui/core/TableBody';
-import TableCell from '@material-ui/core/TableCell';
-import TableContainer from '@material-ui/core/TableContainer';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
-import Paper from '@material-ui/core/Paper';
-import Head from 'next/head'
-import { useSession } from 'next-auth/client'
-
-const useStyles = makeStyles({
- table: {
- minWidth: 650,
- },
-});
-
-function createData(name, description, status) {
- return { name, description, status };
-}
-
-const rows = [
- createData('Command', 'Description', true),
- createData('Command', 'Description', true),
- createData('Command', 'Description', true),
- createData('Command', 'Description', true),
-];
-
-function Commands() {
- const [session, loading] = useSession()
- const classes = useStyles();
-
- return (
- <>
- {session &&
- <>
-
- Cath Commands
-
-
-
-
-
- Commands
- Description
- Status
-
-
-
- {rows.map((row) => (
-
-
- {row.name}
-
- {row.description}
- {row.status ? 'Online' : 'Offline'}
-
- ))}
-
-
-
-
- } {!session && <>
- Seems like you're not logged in. Log in to get started!
-
- }
-
- );
-}
-
-export default Commands
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import Paper from '@material-ui/core/Paper';
+import Head from 'next/head'
+import { useSession } from 'next-auth/client'
+
+const useStyles = makeStyles({
+ table: {
+ minWidth: 650,
+ },
+});
+
+function createData(name, description, status) {
+ return { name, description, status };
+}
+
+const rows = [
+ createData('Command', 'Description', true),
+ createData('Command', 'Description', true),
+ createData('Command', 'Description', true),
+ createData('Command', 'Description', true),
+];
+
+function Commands() {
+ const [session, loading] = useSession()
+ const classes = useStyles();
+
+ return (
+ <>
+ {session &&
+ <>
+
+ Cath Commands
+
+
+
+
+
+ Commands
+ Description
+ Status
+
+
+
+ {rows.map((row) => (
+
+
+ {row.name}
+
+ {row.description}
+ {row.status ? 'Online' : 'Offline'}
+
+ ))}
+
+
+
+
+ } {!session && <>
+ Seems like you're not logged in. Log in to get started!
+
+ }
+
+ );
+}
+
+export default Commands
diff --git a/styles/globals.css b/styles/globals.css
index 47e9259..80339b4 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -40,6 +40,7 @@ a {
}
.grid {
+ margin: 50px;
margin-top: 50px;
display: grid;
grid-template-columns: repeat(auto-fill, 350px);