Fix navigation bar issues

Author: DaneEveritt

resources/scripts/components/server/ServerConsole.tsx

@@ -77,7 +77,7 @@ export default () => {
 
     return (
         <div className={'my-10 flex'}>
-            <div className={'w-1/4 ml-4'}>
+            <div className={'w-1/4'}>
                 <TitledGreyBox title={server.name} icon={faServer}>
                     <p className={'text-xs uppercase'}>
                         <FontAwesomeIcon

resources/styles/components/navigation.css

@@ -43,7 +43,8 @@
     @apply .w-full .bg-neutral-700 .shadow;
 
     .items {
-        @apply .flex .items-center .text-sm .mx-2;
+        @apply .flex .items-center .text-sm .mx-auto .px-2;
+        max-width: 1200px;
 
         /*! purgecss start ignore */
         & > a, & > div {