finished index formatting

jkurian49 · Apr 22, 2020 · 02d2f91 · 02d2f91
1 parent 5270704
commit 02d2f91
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/web/css/indexstyles.css b/web/css/indexstyles.css
@@ -70,6 +70,23 @@ h1 {
     border-left: solid darkslategray;
 }
 
+.signupform-popup {
+    display: none;
+    width: 20%;
+    height: 50%;
+    padding: 20px 20px 40px 20px;
+    background: white;
+    position: absolute;
+    top: 40%;
+    margin-top: 15%;
+    left: 80%;
+    margin-right: -50%;
+    transform: translate(-50%, -100%);
+    text-align: center;
+    color: black;
+    border-left: solid darkslategray;
+}
+
 .textbox {
     background-color: #eeeeee;
     color: black;

diff --git a/web/index.html b/web/index.html
@@ -45,18 +45,18 @@ <h1>Welcome To LusterCode!</h1>
     </form>
 </div>
 
-<div class="form-popup" id="sform">
+<div class="signupform-popup" id="sform">
     <form id ="signupform" class="form-container">
 
-        <div class="textboxes">
+        <div class="textboxes" style="height: 100px; margin-left: auto; margin-right: auto">
             <input type="text" placeholder="First Name" name="first" class="textbox" id="first" required>
             <input type="text" placeholder="Last Name" name="last" class="textbox" id="last" required>
             <input type="text" placeholder="Username" name="user" class="textbox" id="user" required>
             <input type="password" placeholder="Password" name="pass" class="textbox" id="pass" required>
             <input type="text" placeholder="Email" name="email" class="textbox" id="email" required>
         </div>
 
-        <div class="buttons">
+        <div class="buttons" style="margin-top: 60%;">
             <button type='button' onclick="newSignup()">Submit</button>
             <button type='button' onclick="closeSignupForm()">Close</button>
         </div>