max cpntent width

set max content width to 1920px to reduce deformity in ultrawide displays

src/app/app.component.scss

@@ -7,6 +7,7 @@
 .container {
     display: flex;
     flex-flow: row;
+    justify-content: center;
 }
 .container > .left {
     flex-grow: 1;
@@ -16,6 +17,7 @@
     flex-grow: 4;
     margin: 1rem;
     height: calc(100vh - 75px);
+    max-width: 1920px;
 }
 
 .container > .right {
@@ -123,6 +125,7 @@ footer {
 /** Mobile styles */
 @media screen and (pointer: none), (pointer: coarse) {
     .toolbar {display: none;}
+    .container > .main {max-width: auto;}
     .container > .left {display: none;}
     .container > .right {display: none;}
     

src/assets/realease_notes.html

@@ -15,6 +15,7 @@
         <h3 id="ver-241213-nightly"> ver. 241203-nightly</h3>
         <p>
             <ul>
+                <li><b>[UI]</b>set max content width to 1920px to reduce deformity in ultrawide displays</li>
                 <li><b>[SPTS]</b>limit notification subscription to current scope</li>
                 <li><b>[Auth]</b>added encryption for user authentication</li>
             </ul>

src/assets/realease_notes.md

@@ -1,7 +1,8 @@
 # Financial Information System (FIS)
 ### ver. 241213-nightly
-[SPTS] limit notification subscription to current scope</li>
-[Auth] added encryption for user authentication</li>
+[UI] set max content width to 1920px to reduce deformity in ultrawide displays    
+[SPTS] limit notification subscription to current scope    
+[Auth] added encryption for user authentication    
 ### ver. 241129-nightly
 [SPTS] various debug and enhancements       
 ### ver. 240809-nightly