From fc82ac6677991998767f775a4856bce3b69415a7 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Mon, 1 Apr 2019 18:39:07 +0530
Subject: [PATCH] fix design and responsive dashboard School Management

---
 src/pages/Class/addclass.vue            |  5 ++-
 src/pages/Event/event.vue               | 73 ++++++++++++++++++---------------
 src/pages/News/news.vue                 |  5 ++-
 src/pages/Notification/notification.vue |  3 ++
 src/pages/Reminder/reminder.vue         |  5 ++-
 src/pages/Section/section.vue           |  9 ++--
 src/pages/Students/students.vue         |  7 +++-
 src/pages/Teachers/teachers.vue         | 25 +++++++----
 src/pages/TimeTable/timeTable.vue       |  3 ++
 9 files changed, 86 insertions(+), 49 deletions(-)

diff --git a/src/pages/Class/addclass.vue b/src/pages/Class/addclass.vue
index 2737b3e..0cd43ee 100644
--- a/src/pages/Class/addclass.vue
+++ b/src/pages/Class/addclass.vue
@@ -75,7 +75,7 @@
         <v-dialog v-model="dialog" max-width="500px">
           <v-toolbar color="white">
             <v-spacer></v-spacer>
-            <v-toolbar-title>Edit Profile</v-toolbar-title>
+            <v-toolbar-title>Edit Class</v-toolbar-title>
             <v-spacer></v-spacer>
           </v-toolbar>
           <v-card>
@@ -557,6 +557,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+  .pl-3 {
+    padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
diff --git a/src/pages/Event/event.vue b/src/pages/Event/event.vue
index 7c10044..5f61b82 100644
--- a/src/pages/Event/event.vue
+++ b/src/pages/Event/event.vue
@@ -1,6 +1,6 @@
 <template>
   <v-app id="pages-dasboard">
-    <v-toolbar class="fixcolors"  fixed app>
+    <v-toolbar class="fixcolors" fixed app>
       <v-toolbar-title class="ml-0 pl-3">
         <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
       </v-toolbar-title>
@@ -76,7 +76,7 @@
           <v-flex xs12 sm12 class>
             <v-toolbar color="white">
               <v-spacer></v-spacer>
-              <v-toolbar-title>Edit Profile</v-toolbar-title>
+              <v-toolbar-title>Edit Event</v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card flat>
@@ -107,37 +107,36 @@
                   </v-layout>
                   <v-layout>
                     <!-- <v-flex xs12 sm6> -->
-                      <v-layout>
-                        <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Title:</label>
-                        </v-flex>
-                        <v-flex xs6 class="ml-3">
-                          <v-text-field
-                            v-model="editedItem.title"
-                            placeholder="fill your Title"
-                            name="name"
-                            type="text"
-                            required
-                          ></v-text-field>
-                        </v-flex>
-                      </v-layout>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Title:</label>
+                      </v-flex>
+                      <v-flex xs6 class="ml-3">
+                        <v-text-field
+                          v-model="editedItem.title"
+                          placeholder="fill your Title"
+                          name="name"
+                          type="text"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
                     <!-- </v-flex> -->
                     <!-- <v-flex xs12 sm6> -->
-                      <v-layout>
-                        <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Description:</label>
-                        </v-flex>
-                        <v-flex xs6 class="ml-3">
-                          <v-text-field
-                            placeholder="fill your Description"
-                            v-model="editedItem.description"
-                            type="text"
-                            name="email"
-                            required
-                          ></v-text-field>
-                        </v-flex>
-                      </v-layout>
-                  </v-layout>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Description:</label>
+                      </v-flex>
+                      <v-flex xs6 class="ml-3">
+                        <v-text-field
+                          placeholder="fill your Description"
+                          v-model="editedItem.description"
+                          type="text"
+                          name="email"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
                     <v-flex xs12 sm9 offset-sm2>
                       <v-card-actions>
                         <v-btn round dark @click.native="close">Cancel</v-btn>
@@ -356,7 +355,7 @@ export default {
     mode: "",
     timeout: 3000,
     text: "",
-    showLoader:false,
+    showLoader: false,
     loading: false,
     date: null,
     search: "",
@@ -386,7 +385,12 @@ export default {
         value: "No"
       },
       { text: "Title", value: "title", sortable: false, align: "center" },
-      { text: "Description", value: "description", sortable: false, align: "center" },
+      {
+        text: "Description",
+        value: "description",
+        sortable: false,
+        align: "center"
+      },
       { text: "Action", value: "", sortable: false, align: "center" }
     ],
     desserts: [],
@@ -690,6 +694,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+  .pl-3 {
+    padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
diff --git a/src/pages/News/news.vue b/src/pages/News/news.vue
index 9476030..756ce12 100644
--- a/src/pages/News/news.vue
+++ b/src/pages/News/news.vue
@@ -76,7 +76,7 @@
           <v-flex xs12 sm12 class>
             <v-toolbar color="white">
               <v-spacer></v-spacer>
-              <v-toolbar-title>Edit Profile</v-toolbar-title>
+              <v-toolbar-title>Edit News</v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card flat>
@@ -706,6 +706,9 @@ export default {
 };
 </script>
 <style scoped>
+.pl-3 {
+ padding-left: 0px !important;
+}
 .v-tabs__div {
   text-transform: none;
 }
diff --git a/src/pages/Notification/notification.vue b/src/pages/Notification/notification.vue
index a62584d..86fc1c2 100644
--- a/src/pages/Notification/notification.vue
+++ b/src/pages/Notification/notification.vue
@@ -725,6 +725,9 @@ h4 {
 } */
 }
 @media screen and (max-width: 420px) {
+  .pl-3 {
+   padding-left: 0px !important;
+  }
   .userSearch .v-text-field .v-label {
     line-height: 24px !important;
   }
diff --git a/src/pages/Reminder/reminder.vue b/src/pages/Reminder/reminder.vue
index ed9cba2..3417dda 100644
--- a/src/pages/Reminder/reminder.vue
+++ b/src/pages/Reminder/reminder.vue
@@ -76,7 +76,7 @@
           <v-flex xs12 sm12 class="">
             <v-toolbar color="white">
               <v-spacer></v-spacer>
-              <v-toolbar-title>Edit Profile</v-toolbar-title>
+              <v-toolbar-title>Edit Reminder</v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card flat>
@@ -683,6 +683,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+  .pl-3 {
+   padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
diff --git a/src/pages/Section/section.vue b/src/pages/Section/section.vue
index fde45f0..94a6a90 100644
--- a/src/pages/Section/section.vue
+++ b/src/pages/Section/section.vue
@@ -65,7 +65,7 @@
         v-model="snackbar"
         color="success"
       >{{ text }}</v-snackbar>
-      <v-dialog v-model="dialog" max-width="500px">
+      <v-dialog v-model="dialog" max-width="600px">
         <v-toolbar color="white">
           <v-spacer></v-spacer>
           <v-toolbar-title>Edit Section</v-toolbar-title>
@@ -78,7 +78,7 @@
                 <v-flex xs12 sm9>
                   <v-form ref="forms" v-model="validEdit" lazy-validation>
                     <v-layout style="position:relative;">
-                      <v-flex xs4 class="pt-4 subheading">
+                      <v-flex xs4 class="pt-4 subheading pl-3">
                         <label>Class Name:</label>
                       </v-flex>
                       <v-flex xs8>
@@ -352,8 +352,6 @@ export default {
     ],
     desserts: [],
     addclass:[],
-    // addIncharge:[],
-    // selectIncharge:'',
     select:'',
     selectId:'',
     editedIndex: -1,
@@ -641,6 +639,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+.pl-3 {
+ padding-left: 0px !important;
+}
 .right {
     float: none !important;
 }
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index aeb7333..7a3f90f 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -76,7 +76,7 @@
           <v-flex xs12 sm12 class="">
             <v-toolbar color="white">
               <v-spacer></v-spacer>
-              <v-toolbar-title>Edit Profile</v-toolbar-title>
+              <v-toolbar-title>Edit Student Profile</v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card flat>
@@ -1029,7 +1029,7 @@
                             label="Select Image"
                             @click="pickFile"
                             v-model="imageName"
-                            prepend-icon="attach_file"
+                            append-icon="attach_file"
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
@@ -1797,6 +1797,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+   .pl-3 {
+     padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index 7fc5701..37f66e5 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -70,11 +70,11 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1000px">
+        <v-dialog v-model="dialog" max-width="1100px">
           <v-flex xs12 sm12 class="my-4">
             <v-toolbar color="white">
               <v-spacer></v-spacer>
-              <v-toolbar-title>Edit Profile</v-toolbar-title>
+              <v-toolbar-title>Edit Teacher Profile</v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card flat>
@@ -259,7 +259,7 @@
                     <v-flex xs12 sm6>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Join Date</label>
+                          <label class="right">Join Date:</label>
                         </v-flex>
                         <v-flex xs8 class="ml-3">
                           <v-menu
@@ -308,7 +308,7 @@
                   <v-layout>
                     <v-flex xs12 sm12>
                       <v-layout>
-                        <v-flex xs3 class="pt-4 subheading pl-4" style="max-width: 17%;">
+                        <v-flex xs3 class="pt-4 subheading pl-3" style="max-width: 17%;">
                           <label class>Present Address:</label>
                         </v-flex>
                         <v-flex xs12>
@@ -765,7 +765,7 @@
                             label="Select Image"
                             @click="pickFile"
                             v-model="imageName"
-                            prepend-icon="attach_file"
+                            append-icon="attach_file"
                           ></v-text-field>
                            <input
                            type="file"
@@ -784,7 +784,7 @@
                         <v-flex xs3 class="pt-4 subheading pl-4" style="max-width: 17%;">
                           <label class>Present Address:</label>
                         </v-flex>
-                        <v-flex xs12>
+                        <v-flex xs12 class="presentInput">
                           <v-text-field
                             name="input-4-3"
                             v-model="addTeachers.presentAddress"
@@ -800,7 +800,7 @@
                         <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
                           <label>Permanent Address:</label>
                         </v-flex>
-                        <v-flex xs12>
+                        <v-flex xs12 class="presentInput">
                           <v-text-field
                             name="input-4-3"
                             v-model="addTeachers.permanentAddress"
@@ -1480,7 +1480,11 @@ h4 {
     margin-left: 20px;
   }
 }
+
 @media screen and (max-width: 380px) {
+  .pl-3 {
+ padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
@@ -1491,6 +1495,9 @@ h4 {
     margin: 0 0px;
     min-width: 100px;
   }
+  .presentInput{
+    padding-left:48px !important;
+  }
   /* .searchIcon .v-icon {
     font-size: 20px;
     margin-left: 20px;
@@ -1501,6 +1508,10 @@ h4 {
   h5 {
     font-size: 13px;
   }
+  .pl-4{
+    padding-left: 0px !important;
+ 
+  }
 }
 .v-icon {
   font-size: 30px;
diff --git a/src/pages/TimeTable/timeTable.vue b/src/pages/TimeTable/timeTable.vue
index 81b07cf..a24a438 100644
--- a/src/pages/TimeTable/timeTable.vue
+++ b/src/pages/TimeTable/timeTable.vue
@@ -1196,6 +1196,9 @@ h4 {
   }
 }
 @media screen and (max-width: 380px) {
+  .pl-3 {
+   padding-left: 0px !important;
+  }
   .right {
     float: none !important;
   }
-- 
2.0.0