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>
 
@@ -18,4 +19,5 @@
     <ul *ngIf="errorMsgs.length > 0" >
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
-</form>
+  </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">
@@ -30,4 +31,5 @@
     <ul *ngIf="errorMsgs.length > 0" >
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
-</form>
+  </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">
@@ -30,4 +31,5 @@
         <ul *ngIf="errorMsgs.length > 0" >
             <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
         </ul>
-</form>
+    </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>
@@ -24,4 +25,5 @@
     <ul *ngIf="errorMsgs.length > 0" >
       <li *ngFor="let msg of errorMsgs" >{{ msg }}</li>
     </ul>
-</form>
+  </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>
+  </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>
@@ -31,4 +24,5 @@
             <img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi6.png?v=6' alt='Buy Me a Coffee at ko-fi.com' />
         </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>
@@ -35,4 +14,5 @@
         <p>classes require credits to spawn with better stuff<br />inventory and credits are transferrable between servers and sessions<br />combat loggging - if leave in combat start from scratch<br />one dynamicly roaming entity of the night ( Impossible to kill, when near heart starts pumping and vinegrette )<br /> goes after people possible to get away<br />Dyanmic day and night cycle<br />Dynamic weather ( rain, fog, thunder, lightning )<br />floods that cause roaring rivers to fill that cannot be swam<br />Fires that char trees(no leaves), regrows in 3ish days<br />Master leaderboard in the main menu of top players per rank<br />Ranked lobby ( Disabled until player base )<br />small towns around a main centralized area( ie city or temple )<br />large servers<br />random spawned skin boxes that require credits to open<br />purchasable skins<br />bullet penatration on certain materials<br />bullet reflection on certain materials<br />No kill leader until you get at least 2 kills minimum</p>
         <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>