center content of sidebar

src/app/components/optionsSidebar/getting-started/getting-started.component.html

@@ -1 +1,5 @@
-<p>getting-started works!</p>
+<div class="text-center mt-5">
+
+    <p>getting-started works!</p>
+
+</div>

src/app/components/optionsSidebar/reports/reports.component.html

@@ -1 +1,5 @@
-<p>reports works!</p>
+<div class="text-center mt-5">
+
+    <p>reports works!</p>
+
+</div>

src/app/components/optionsSidebar/time-clock/time-clock.component.html

@@ -1 +1,5 @@
-<p>time-clock works!</p>
+<div class="text-center mt-5">
+
+    <p>time-clock works!</p>
+
+</div>

src/app/components/optionsSidebar/time-entries/time-entries.component.html

@@ -1 +1,5 @@
-<p>time-entries works!</p>
+<div class="text-center mt-5">
+
+    <p>time-entries works!</p>
+
+</div>

src/app/components/optionsSidebar/time-off/time-off.component.html

@@ -1 +1,5 @@
-<p>time-off works!</p>
+<div class="text-center mt-5">
+
+    <p>time-off works!</p>
+
+</div>

src/app/components/shared/clock/clock.component.ts

@@ -24,16 +24,6 @@ export class ClockComponent implements OnInit {
     }, 3000);
    }
 
-    horatTest() {
-      this.currentDate = new Date();
-      this.hour = this.currentDate.getHours();
-      this.minutes = this.currentDate.getMinutes();
-      this.seconds = this.currentDate.getSeconds();
-      this.displayTime = false;
-      setTimeout( 'horatTest()' , 3000);
-    }
-
-
   ngOnInit(): void {
   }
 

src/app/components/shared/sidebar/sidebar.component.html

@@ -13,7 +13,10 @@
     <!-- /#sidebar-wrapper -->
 
     <!-- Page Content -->
-    <router-outlet></router-outlet>
+    <div class="container">
+        <router-outlet></router-outlet>
+    </div>
+
     <!-- /#page-content-wrapper -->
 
 </div>