fix mobile login styling

arhill05 · Feb 1, 2018 · 0b4b8a3 · 0b4b8a3
1 parent 8a8e401
commit 0b4b8a3
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/client/proxy-config.json b/client/proxy-config.json
@@ -1,6 +1,6 @@
 {
     "/api/*": {
-        "target":"http://localhost:3000",
+        "target":"http://localhost:3008",
         "secure":false,
         "logLevel":"debug"
     }

diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
@@ -27,7 +27,7 @@ <h2>Create an Account</h2>
     </div>
     <div class="input-group">
       <label>Confirm Password: </label>
-      <input id="confirmPassword" [(ngModel)]="confirmPassword" name="confirmPassword" type="password" required  />
+      <input id="confirmPassword" [(ngModel)]="confirmPassword" name="confirmPassword" type="password" required />
     </div>
     <div>
       <button type="submit">Create account</button>

diff --git a/client/src/app/login/login.component.scss b/client/src/app/login/login.component.scss
@@ -1,5 +1,6 @@
 @import '../../variables';
 #login {
+  text-align: center;
   button {
     margin: 0 $single-space;
     cursor: pointer;
@@ -18,11 +19,14 @@
 }
 
 @media only screen and (max-width: 1223px) and (min-width: 320px) {
-  #login {
+  h1 {
     margin-top: $single-space * 8;
+  }
+  #login {
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
     padding: $double-space;
     label {
       margin-bottom: -$single-space;
@@ -41,7 +45,7 @@
       color: white;
       margin: 4em auto;
       width: 100%;
-      text-align: center;
+
       .input-group {
         margin: $quad-space;
         label {

diff --git a/server/app.js b/server/app.js
@@ -95,4 +95,4 @@ app.use((err, req, res, next) => {
 
 
 
-server.listen(process.env.PORT || 3000);
+server.listen(process.env.PORT || 3008);
diff --git a/server/variables.env b/server/variables.env
@@ -1,2 +1,3 @@
 NODE_ENV=development
-DATABASE=mongodb://localhost/socrates
+DATABASE=mongodb://localhost/socrates
+PORT=3012
Original file line number	Diff line number	Diff line change
Expand Up		@@ -95,4 +95,4 @@ app.use((err, req, res, next) => {



		server.listen(process.env.PORT \|\| 3000);
		server.listen(process.env.PORT \|\| 3008);