Merge pull request #63 from DevCom-IITB/develop

Mobile Redesign for Dashboard - Minor Fixes
Made the dashboard responsive and created new mobile view pages for all sections, improving usability on phones and tablets :D
(minor css bug fixes for stats page)

Author: https-kanika

src/app/app-routing.module.ts

@@ -42,7 +42,9 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+   imports: [RouterModule.forRoot(routes, {
+    scrollPositionRestoration: 'top', 
+  })],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }

src/app/statistics/statistics.component.css

@@ -161,9 +161,16 @@ li.text-stats-item {
     align-items: center !important;
     width: 100% !important; 
     margin: 0 auto !important;
-    overflow-x: visible !important;
+    overflow-x: auto !important;
     box-sizing: border-box;
     padding: 0;
+    max-width: 100vw;
+  }
+  
+  #mess_data .js-plotly-plot, 
+  #student_data .js-plotly-plot {
+    max-width: 100%;
+    min-width: 300px; 
   }
   #display-data{
     color: #ffffff;