Improve responsive css

assets/css/app.css

@@ -722,6 +722,14 @@ nav .active a {
     padding-right: 10px;
     font-size: 0.9em;
 }
+
+@media only screen and (max-width: 640px) {
+
+    .page-header-mobile li {
+        display: block;
+        margin-bottom: 5px;
+    }
+}
 /* board filters */
 .board-filters {
     font-size: 0.95em;
@@ -1370,9 +1378,20 @@ span.task-board-date-overdue {
     line-height: 1.8em;
 }
 
+@media only screen and (max-width: 1024px) {
+    .sidebar {
+        width: 25%;
+    }
+
+    .sidebar-content {
+        margin-left: 30%;
+        width: 70%;
+    }
+}
+
 @media only screen and (max-width: 767px) {
     .sidebar {
-        width: 96.5%;
+        width: 95%;
         float: none;
     }
 
@@ -1439,6 +1458,14 @@ span.task-board-date-overdue {
         height: 18px;
     }
 }
+
+@media only screen and (max-width: 640px) {
+
+    .hide-mobile {
+        display: none;
+    }
+}
+
 .dropdown {
     position: relative;
 }

assets/css/src/header.css

@@ -93,3 +93,11 @@ nav .active a {
     padding-right: 10px;
     font-size: 0.9em;
 }
+
+@media only screen and (max-width: 640px) {
+
+    .page-header-mobile li {
+        display: block;
+        margin-bottom: 5px;
+    }
+}

assets/css/src/responsive.css

@@ -55,3 +55,11 @@
         height: 18px;
     }
 }
+
+@media only screen and (max-width: 640px) {
+
+    .hide-mobile {
+        display: none;
+    }
+}
+

assets/css/src/sidebar.css

@@ -27,9 +27,20 @@
     line-height: 1.8em;
 }
 
+@media only screen and (max-width: 1024px) {
+    .sidebar {
+        width: 25%;
+    }
+
+    .sidebar-content {
+        margin-left: 30%;
+        width: 70%;
+    }
+}
+
 @media only screen and (max-width: 767px) {
     .sidebar {
-        width: 96.5%;
+        width: 95%;
         float: none;
     }