From 5e21a72ed2117377704228eb544f924f5d8326ca Mon Sep 17 00:00:00 2001
From: Christopher Hollman <c.hollman@arkoselabs.com>
Date: Wed, 22 Apr 2026 13:42:42 +1000
Subject: [PATCH] misc: fix styles.css box width to 400px to align with FEv2
 dimensions

---
 angular-example/src/styles.css | 166 ++++++++++++++++-----------------
 1 file changed, 83 insertions(+), 83 deletions(-)

diff --git a/angular-example/src/styles.css b/angular-example/src/styles.css
index cc568bc..e4e5f70 100644
--- a/angular-example/src/styles.css
+++ b/angular-example/src/styles.css
@@ -1,84 +1,84 @@
 body {
-    font-family: 'Open Sans', sans-serif;
-    background: #ffffff;
-    margin: 0 auto 0 auto;
-    width: 100%;
-    text-align: center;
-    margin: 20px 0px 20px 0px;
-  }
-  
-  p {
-    font-size: 12px;
-    text-decoration: none;
-    color: #ffffff;
-  }
-  
-  h1 {
-    font-size: 1.5em;
-    color: #525252;
-  }
-  
-  .box {
-    background: white;
-    width: 300px;
-    border-radius: 6px;
-    margin: 0 auto 0 auto;
-    padding: 10px 10px 70px 10px;
-    border: #000000 1px solid;
-  }
-  
-  .email {
-    background: #ecf0f1;
-    border: #ccc 1px solid;
-    border-bottom: #ccc 2px solid;
-    padding: 8px;
-    width: 250px;
-    color: #aaaaaa;
-    margin-top: 10px;
-    font-size: 1em;
-    border-radius: 4px;
-  }
-  
-  .password {
-    border-radius: 4px;
-    background: #ecf0f1;
-    border: #ccc 1px solid;
-    padding: 8px;
-    width: 250px;
-    font-size: 1em;
-    margin-top: 5px;
-  }
-  
-  .btn {
-    cursor: pointer;
-    background: #2ecc71;
-    width: 125px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    color: white;
-    border-radius: 4px;
-    border: #27ae60 1px solid;
-  
-    margin-top: 20px;
-    margin-bottom: 20px;
-    float: right;
-    margin-right: 16px;
-    font-weight: 800;
-    font-size: 0.8em;
-  }
-  
-  .btn:hover {
-    background: #2cc06b;
-  }
-  
-  .opacity-1 {
-    opacity: 1;
-  }
-  
-  .opacity-0 {
-    opacity: 0;
-  }
-  
-  .mt-15 {
-    margin-top: 15px;
-  }
+  font-family: 'Open Sans', sans-serif;
+  background: #ffffff;
+  margin: 0 auto 0 auto;
+  width: 100%;
+  text-align: center;
+  margin: 20px 0px 20px 0px;
+}
+
+p {
+  font-size: 12px;
+  text-decoration: none;
+  color: #ffffff;
+}
+
+h1 {
+  font-size: 1.5em;
+  color: #525252;
+}
+
+.box {
+  background: white;
+  width: 400px;
+  border-radius: 6px;
+  margin: 0 auto 0 auto;
+  padding: 10px 10px 70px 10px;
+  border: #000000 1px solid;
+}
+
+.email {
+  background: #ecf0f1;
+  border: #ccc 1px solid;
+  border-bottom: #ccc 2px solid;
+  padding: 8px;
+  width: 250px;
+  color: #aaaaaa;
+  margin-top: 10px;
+  font-size: 1em;
+  border-radius: 4px;
+}
+
+.password {
+  border-radius: 4px;
+  background: #ecf0f1;
+  border: #ccc 1px solid;
+  padding: 8px;
+  width: 250px;
+  font-size: 1em;
+  margin-top: 5px;
+}
+
+.btn {
+  cursor: pointer;
+  background: #2ecc71;
+  width: 125px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  color: white;
+  border-radius: 4px;
+  border: #27ae60 1px solid;
+
+  margin-top: 20px;
+  margin-bottom: 20px;
+  float: right;
+  margin-right: 16px;
+  font-weight: 800;
+  font-size: 0.8em;
+}
+
+.btn:hover {
+  background: #2cc06b;
+}
+
+.opacity-1 {
+  opacity: 1;
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.mt-15 {
+  margin-top: 15px;
+}
\ No newline at end of file