Login as teacher button

src/app/app.component.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+	selector: 'app-root',
+	templateUrl: './app.component.html',
+	styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'lms-app-new';
+	title = 'lms-app-new';
 }

src/app/tabs/more/more.component.html

@@ -138,6 +138,8 @@
         </ul>
 
         <button class="logout-button"> Logout </button>
+
+        <button class="logout-button teacher-mode"> Login as Teacher </button>
     </section>
 
 </div>

src/app/tabs/more/more.component.scss

@@ -179,6 +179,10 @@
     border-radius: 5px;
     height: 50px;
     font-size: 16px;
+
+    &.teacher-mode {
+        background-color: var(--teal-green);
+    }
 }
 
 .segment-list {