Fix Centering

src/MistoxWebsite.Client/src/app/pages/account/forgotpassword/forgotpassword.component.html

@@ -1,4 +1,5 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+<div class="center">
+  <form class="big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
 
     <h3>Forgot Password</h3>
 
@@ -19,3 +20,4 @@
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
   </form>
+</div>

src/MistoxWebsite.Client/src/app/pages/account/login/login.component.html

@@ -1,4 +1,5 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+<div class="center">
+  <form class="big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
     <h3>Login</h3>
 
     <div class="frame-item">
@@ -31,3 +32,4 @@
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
   </form>
+</div>

src/MistoxWebsite.Client/src/app/pages/account/register/register.component.html

@@ -1,4 +1,5 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+<div class="center">
+    <form class="big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
         <h3>Register</h3>
 
         <div class="frame-item">
@@ -31,3 +32,4 @@
             <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
         </ul>
     </form>
+</div>

src/MistoxWebsite.Client/src/app/pages/account/resetpassword/resetpassword.component.html

@@ -1,4 +1,5 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+<div class="center">
+  <form class="big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
 
     <h3>Reset Password</h3>
     <h2>User: {{ UserName }}</h2>
@@ -25,3 +26,4 @@
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
   </form>
+</div>

src/MistoxWebsite.Client/src/app/pages/account/verifyemail/verifyemail.component.html

@@ -1,6 +1,8 @@
-<form class="center big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
+<div class="center">
+  <form class="big-frame background-border" #accountForm="ngForm" (ngSubmit)="onSubmit()">
 
     <h3>Verifying Email</h3>
     <h3 style="color: red;">{{ Result }}</h3>
 
   </form>
+</div>

src/MistoxWebsite.Client/src/app/pages/legal/about/about.component.html

@@ -1,12 +1,5 @@
-<style>
+<div class="center">
-    .about-frame {
+    <div class="big-frame background-border text-frame">
-        margin: 25px 0;
-        max-width: 1200px;
-        padding: 10px;
-    }
-</style>
-
-<div class="big-frame background-border horizontal-center about-frame">
         <p>Welcome to Mistox LLC. A project and hobby of Derek Holloway.</p>
         <br />
         <p>I am an indi-developer who has been making small projects since I was 13. I originally learned lua and spent 4 years mastering it. Then I moved onto C# which is my preferred language</p>
@@ -32,3 +25,4 @@
         </a>
 
     </div>
+</div>

src/MistoxWebsite.Client/src/app/pages/project/mist/mist.component.html

@@ -1,26 +1,5 @@
-<style>
+<div class="center">
-    .mist-frame {
+    <div class="big-frame background-border text-frame">
-        margin: 25px 0;
-        max-width: 1200px;
-        padding: 10px;
-    }
-
-    .Big-Div {
-        position: relative;
-        left: calc(50% - 400px);
-        max-width: 800px;
-    }
-
-    @media (max-width: 1150px) {
-        .Big-Div {
-            position: relative;
-            left: calc(50% - 200px);
-            max-width: 400px;
-        }
-    }
-</style>
-
-<div class="big-frame background-border horizontal-center mist-frame">
         <p><strong>What is the game</strong></p>
         <p style="padding-left: 30px;">Project-Mist is a survival game. Kind of like a battle royal in a sense but, think of it backwards. And no I know what your thinking. Its not the first person to die wins. No instead its a never ending survival game where you can free roam and build structures. The catch is, the person who has the highest stats [i.e A combination of kills, survival time] has a marker placed on their forhead.</p>
         <p><strong>How will the game play</strong></p>
@@ -36,3 +15,4 @@
         <p>Tournament mode<br /> all players spawn at the same time<br /> hold oddball for 30mins total</p>
         <p>server quits introducing people into game after 5 hrs. (last man standing mode)<br /> last person in server wins<br /> on death quit to new server<br /> everyone becomes oddball<br /> less players alive equal less oddball area</p>
     </div>
+</div>