#71 formatting with 2 spaces

Author: enriquezrene

src/app/modules/login/login.component.html

@@ -1,14 +1,14 @@
 <div class="login-container">
 
-    <div class="login-header">
-        <img src="../../../assets/img/ioet.png" />
-    </div>
-    <div class="login-body">
-        <h3>Please login</h3>
-    </div>
+  <div class="login-header">
+    <img src="../../../assets/img/ioet.png" />
+  </div>
+  <div class="login-body">
+    <h3>Please login</h3>
+  </div>
 
-    <div class="login-controls">
-        <button (click)="login()" class="btn btn-primary">login</button>
-    </div>
+  <div class="login-controls">
+    <button (click)="login()" class="btn btn-primary">login</button>
+  </div>
 
-</div>
+</div>

src/app/modules/login/login.component.scss

@@ -1,39 +1,41 @@
 @import '../../../styles/themes/orange-theme';
 
 .login-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin: auto;
-    padding: 50px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: auto;
+  padding: 50px;
 }
 
 .login-header {
-    margin: 5px;
-    text-align: center;
-    img {
-        max-width: 200px;
-        height: auto;
-    }
+  margin: 5px;
+  text-align: center;
+
+  img {
+    max-width: 200px;
+    height: auto;
+  }
 }
 
 .login-body {
-    margin: 5px;
-    text-align: center;
+  margin: 5px;
+  text-align: center;
 }
 
 .login-controls {
-    margin: 5px;
-    display: flex;
-    text-align: center;
-    min-width: 250px;
-    button {
-        flex-grow: 1;
-    }
+  margin: 5px;
+  display: flex;
+  text-align: center;
+  min-width: 250px;
+
+  button {
+    flex-grow: 1;
+  }
 }
 
 h3 {
-    color: $dark;
-    font-weight: normal;
+  color: $dark;
+  font-weight: normal;
 }

src/styles/themes/_orange-theme.scss

@@ -11,30 +11,26 @@ $dark:#5c4e63;
 .btn-primary,
 .badge-primary,
 .alert-primary {
-    background-image: linear-gradient(
-        to right,
-        #ff3948,
-        #ff384d,
-        #ff3752,
-        #ff3657,
-        #ff365c,
-        #ff385a,
-        #ff3b59,
-        #ff3d57,
-        #ff434e,
-        #ff4944,
-        #fe4f3a,
-        #fc5630
-      );
+  background-image: linear-gradient(to right,
+      #ff3948,
+      #ff384d,
+      #ff3752,
+      #ff3657,
+      #ff365c,
+      #ff385a,
+      #ff3b59,
+      #ff3d57,
+      #ff434e,
+      #ff4944,
+      #fe4f3a,
+      #fc5630);
 }
 
 .bg-secondary,
 .btn-secondary,
 .badge-secondary,
 .alert-secondary {
-    background-image: linear-gradient(
-        to right,
-        #FF3663,
-        #A50D8A
-      );
+  background-image: linear-gradient(to right,
+      #FF3663,
+      #A50D8A);
 }