Visual changes

public/dist/style.css

@@ -10,9 +10,9 @@ table tr .selected{
     overflow: hidden;
 }
 
-body a, body a:visited  {
+body a,
+body a:visited {
     text-decoration: none;
-    color: #000;
 }
 
 .dropdown-toggle {
@@ -46,13 +46,51 @@ body{
     font-size: 1pc;
 }
 
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    padding: 0px !important;
+}
+
 /* Prevent bootstrap to interfere with metis menu */
 .nav .active .collapse {
     display: block !important;
 }
 
+/* Make it square */
+.square div:first-child {
+    padding-right: 0px !important
+}
 
-/*-------------------------------------------------------*/
+.square div:nth-child(2) {
+    padding-left: 0px !important
+}
+
+.square .input-group-text {
+    border-radius: 0px !important
+}
+
+.btn-block {
+    width: 100%;
+}
+
+.searchfields,
+.searchfields div:nth-child(2) {
+    padding-right: 0px;
+}
+
+/* FLOATING SAVE BUTTON -------------------------------- */
+
+.floating {
+    position: fixed;
+    border-radius: 50%;
+}
+
+.floating-1 {
+    padding: 15px;
+    bottom: 30px;
+    right: 30px;
+}
+
+/*------------------------------------------------------ */
 
 textarea {
     resize: vertical;
@@ -63,10 +101,6 @@ textarea{
     width: 100% !important;
 }
 
-#modal > div{
-    width: 70%;
-}
-
 #modal table {
     width: 100%;
 }
@@ -75,6 +109,10 @@ textarea{
     white-space: nowrap;
 }
 
+table {
+    white-space: nowrap;
+}
+
 /* BreadCrumbs -------------------------------- */
 
 .breadcrumb {
@@ -101,7 +139,7 @@ textarea{
     width: 200px;
     background-color: #fff;
     position: fixed !important;
-    z-index: 10000;
+    z-index: 100;
 }
 
 #wrapper.toggled {
@@ -125,6 +163,9 @@ textarea{
     padding-left: 10%;
 }
 
+.nav .menu-toggle {
+    margin: 10px;
+}
 
 #page-content-wrapper {
     width: 100%;
@@ -193,19 +234,32 @@ textarea{
     border-radius: 0px;
 }
 
+#side-menu, #side-second-menu {
+    font-size: 14px;
+}
+
+/* Sidebar, selected and expanded elements highlite */
+#side-menu .mm-active,
+#side-menu li ul {
+    background-color: #666;
+}
+
 #side-second-menu {
     display: none;
 }
 
-#side-menu li, #side-second-menu li{
+#side-menu li,
+#side-second-menu li {
     width: 100%;
 }
 
-#side-menu li a, #side-second-menu li a{
+#side-menu li a,
+#side-second-menu li a {
     font-size: 1.1em;
 }
 
-#side-menu li i, #side-second-menu li i{
+#side-menu li i,
+#side-second-menu li i {
     margin-right: 10px;
 }
 
@@ -220,9 +274,7 @@ textarea{
 }
 
 /*--*/
-#menu-toggle{
+#menu-toggle {}
-
-}
 
 #menu-toggle:hover,
 #menu-toggle:focus {
@@ -251,6 +303,13 @@ textarea{
 }
 
 @media print {
-    #sidebar-wrapper, #header{ display: none !important; }
+
-    #wrapper { padding-left: 0px; }
+    #sidebar-wrapper,
+    #header {
+        display: none !important;
+    }
+
+    #wrapper {
+        padding-left: 0px;
+    }
 }

public/dist/themes/black_and_white.css

@@ -22,3 +22,5 @@
     color: #000000 !important;
 }
 
+.menu-toggle{ color: #fff !important; }
+.nav + .navbar-top-links, .nav + .navbar-top-links:visited{ color: #fff !important; }