Fixed tag id bug

css/style.css

@@ -26,10 +26,12 @@ body {
 .container {
     display: flex;
     margin: 10px;
+    width: fit-content;
+    margin: auto;
+    margin-top: 10px; margin-bottom: 10px;
     flex-direction: column;
     align-items: center;
     border: 4px solid rgba(68, 68, 68, 0.575);
-    height: 100%;
 }
 
 .container .con-title {
@@ -121,7 +123,7 @@ footer {
     font-family: 'M42';
     font-size: 6px;
     padding: 5px;
-    width: 20%;
+    width: 100%;
     margin-bottom: 10px;
     border-radius: 5px;
     border: none;

html/templates/login_modal.html

@@ -4,6 +4,6 @@
     <p class="modal-title">Login success</p>
     <div>
         <button id="ok" class="btn btn-val">Continue</button>
-        <button id="forget" class="btn btn-cancel">Forget agent</button>
+        <button id="forget_login" class="btn btn-cancel">Forget agent</button>
     </div>
 </div>

html/templates/reg_modal.html

@@ -5,6 +5,6 @@
     <p class="show-token"></p>
     <div>
         <button id="ok" class="btn btn-val">Continue</button>
-        <button id="forget" class="btn btn-cancel">Forget agent</button>
+        <button id="forget_reg" class="btn btn-cancel">Forget agent</button>
     </div>
 </div>

js/scripts/login.js

@@ -22,7 +22,7 @@ export default function login(temp_engine) {
         home(temp_engine);
     });
 
-    temp_engine.add_event("#forget", "click", () => {
+    temp_engine.add_event("#forget_login", "click", () => {
         My.agent = null;
         auth.unload_token();
         modal.close();

js/scripts/reg.js

@@ -23,7 +23,7 @@ export default function reg(temp_engine) {
         home(temp_engine);
     });
 
-    temp_engine.add_event("#forget", "click", () => {
+    temp_engine.add_event("#forget_reg", "click", () => {
         My.agent = null;
         auth.unload_token();
         modal.close();