v0.0.3.1

dashboard seperated navigations style changes apply with little css bug
npm start on port 8080

app/app.css

@@ -51,6 +51,22 @@ a:hover {
     font-size:18px;
 }
 
+/** BRAND **/
+
+.brand-bg {
+    background-color:#A61229;
+}
+
+button.brand-bg {
+    background-color:#A61229;
+    color:#fff;
+}
+
+button.brand-bg:hover {
+    background-color:#941A1A;
+    color:#fff;
+}
+
 .brand {
     border-bottom:1px solid #ccc;
 }
@@ -66,6 +82,8 @@ a:hover {
     margin-bottom: 22px;
 }
 
+/** END OF BRAND **/
+
 /* Everything but the jumbotron gets side spacing for mobile first views */
 .header,
 .marketing,
@@ -242,7 +260,7 @@ select {
 }
 
 .manager-view-content {
-	padding:35px 50px;
+    padding:35px 40px;
     overflow:auto;
     -webkit-flex-grow: 1;
     flex-grow: 1;
@@ -733,6 +751,31 @@ table.dataTable thead .sorting:after {
     margin-top: 5px;
 }
 
+
+/* DASHBOARD */
+
+.dashboard .row {
+    margin-bottom:30px;
+}
+
+.dashboard .major-buttons {
+    margin-bottom:20px;
+}
+
+.dashboard .major-buttons i {
+    margin-right:10px;
+}
+
+.dashboard .major-buttons a button {
+    width:100%;
+    height:100px;
+    font-size: 19px;
+    font-family: 'robotolight';
+}
+
+/* END OF DASHBOARD */
+
+
 /* PERSONNEL INFO */
 
 .generic-profile-picture img {
@@ -989,12 +1032,20 @@ table.dataTable thead .sorting:after {
 }
 
 
+
+
 @media (max-width: 560px) {
     .personnel-info-container {
         width: 350px;
     }
 }
 
+@media (max-width: 991px) {
+    .dashboard .major-buttons a button {
+        margin-bottom:20px;
+    }
+}
+
 .tablescroll{
     width: 100%;
     overflow-x:scroll;

dist/css/app.css

@@ -64,6 +64,22 @@ a:hover {
     font-size:18px;
 }
 
+/** BRAND **/
+
+.brand-bg {
+    background-color:#A61229;
+}
+
+button.brand-bg {
+    background-color:#A61229;
+    color:#fff;
+}
+
+button.brand-bg:hover {
+    background-color:#941A1A;
+    color:#fff;
+}
+
 .brand {
     border-bottom:1px solid #ccc;
 }
@@ -79,6 +95,8 @@ a:hover {
     margin-bottom: 22px;
 }
 
+/** END OF BRAND **/
+
 /* Everything but the jumbotron gets side spacing for mobile first views */
 .header,
 .marketing,
@@ -255,7 +273,7 @@ select {
 }
 
 .manager-view-content {
-	padding:35px 50px;
+    padding:35px 40px;
     overflow:auto;
     -webkit-flex-grow: 1;
     flex-grow: 1;
@@ -746,6 +764,31 @@ table.dataTable thead .sorting:after {
     margin-top: 5px;
 }
 
+
+/* DASHBOARD */
+
+.dashboard .row {
+    margin-bottom:30px;
+}
+
+.dashboard .major-buttons {
+    margin-bottom:20px;
+}
+
+.dashboard .major-buttons i {
+    margin-right:10px;
+}
+
+.dashboard .major-buttons a button {
+    width:100%;
+    height:100px;
+    font-size: 19px;
+    font-family: 'robotolight';
+}
+
+/* END OF DASHBOARD */
+
+
 /* PERSONNEL INFO */
 
 .generic-profile-picture img {
@@ -1002,12 +1045,20 @@ table.dataTable thead .sorting:after {
 }
 
 
+
+
 @media (max-width: 560px) {
     .personnel-info-container {
         width: 350px;
     }
 }
 
+@media (max-width: 991px) {
+    .dashboard .major-buttons a button {
+        margin-bottom:20px;
+    }
+}
+
 .tablescroll{
     width: 100%;
     overflow-x:scroll;
@@ -1032,6 +1083,7 @@ table.dataTable thead .sorting:after {
     height: 700px;
 }
 
+
 /*
  * metismenu - v1.1.3
  * Easy menu jQuery plugin for Twitter Bootstrap 3

package.json

@@ -39,7 +39,7 @@
   "scripts": {
     "postinstall": "bower install",
     "prestart": "npm install",
-    "start": "http-server app/ -a localhost -p 8000 -c-1",
+    "start": "http-server app/ -a localhost -p 8080 -c-1",
     "pretest": "npm install",
     "test": "karma start karma.conf.js",
     "test-single-run": "karma start karma.conf.js  --single-run",