Visual changes

public/dist/style.css

@@ -2,84 +2,122 @@
 *Devel
 */
 
-table tr .selected{
+table tr .selected {
     background-color: #d9edf7;
 }
 
-.no-scroll{
+.no-scroll {
     overflow: hidden;
 }
 
-body a, body a:visited  {
+body a,
+body a:visited {
     text-decoration: none;
-    color: #000;
 }
 
-.dropdown-toggle{
+.dropdown-toggle {
     color: #fff;
 }
 
-.dropdown-toggle:hover{
+.dropdown-toggle:hover {
     color: #666;
 }
 
 /* Bootstrap Overwrite */
 
-.card{
+.card {
     border-radius: 0px !important;
 }
 
-.form-group div{
+.form-group div {
     padding: 0px;
 }
 
-.form-control{
+.form-control {
     border-radius: 0px !important;
 }
 
-.btn{
+.btn {
     border-radius: 0px !important;
 }
 
-body{
+body {
     font-family: Ubuntu;
     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;
+.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{
+textarea {
     resize: vertical;
     min-height: 200px
 }
 
-.data-table table{
+.data-table table {
     width: 100% !important;
 }
 
-#modal > div{
-    width: 70%;
+#modal table {
+    width: 100%;
 }
 
-#modal table{
-    width: 100%;
+#modal table td {
+    white-space: nowrap;
 }
 
-#modal table td{
+table {
     white-space: nowrap;
 }
 
 /* BreadCrumbs -------------------------------- */
 
-.breadcrumb{
-    width:100%;
-    background-color:#ddd;
+.breadcrumb {
+    width: 100%;
+    background-color: #ddd;
 }
 
 /*
@@ -100,8 +138,8 @@ textarea{
     height: 1000px;
     width: 200px;
     background-color: #fff;
-    position: fixed!important;
-    z-index: 10000;
+    position: fixed !important;
+    z-index: 100;
 }
 
 #wrapper.toggled {
@@ -121,10 +159,13 @@ textarea{
     width: 250px;
 }
 
-.nav-ident li a{
+.nav-ident li a {
     padding-left: 10%;
 }
 
+.nav .menu-toggle {
+    margin: 10px;
+}
 
 #page-content-wrapper {
     width: 100%;
@@ -137,7 +178,7 @@ textarea{
     margin-right: -250px;
 }
 
-.nav-item .in{
+.nav-item .in {
     display: block !important;
 }
 
@@ -169,79 +210,90 @@ textarea{
         margin-right: 0;
     }
 
-    .menu-small{
+    .menu-small {
         display: none;
     }
 }
 
-.logo{
+.logo {
     text-align: center;
     margin-top: 15px;
 }
 
-.logo > img {
-    width:50%;
+.logo>img {
+    width: 50%;
 }
 
-.search-nav{
+.search-nav {
     text-align: center;
-    margin-bottom:15px;
+    margin-bottom: 15px;
 }
 
-.search-nav > input{
+.search-nav>input {
     margin: 0 auto;
     border-radius: 0px;
 }
 
-#side-second-menu{
-    display:none;
+#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-menu li, #side-second-menu li{
-    width:100%;
+#side-second-menu {
+    display: none;
 }
 
-#side-menu li a, #side-second-menu li a{
+#side-menu li,
+#side-second-menu li {
+    width: 100%;
+}
+
+#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;
 }
 
-.nav-dropdown{
+.nav-dropdown {
     margin-right: 20px !important;
 }
 
 /* Header ---------------------------*/
 
-#navbar-top{
+#navbar-top {
     min-height: 50px;
 }
 
 /*--*/
-#menu-toggle{
-
-}
+#menu-toggle {}
 
 #menu-toggle:hover,
-#menu-toggle:focus{
-    background-color:transparent;
+#menu-toggle:focus {
+    background-color: transparent;
 }
 
-#progress{
-    margin-bottom:0px;
-    height:10px;
+#progress {
+    margin-bottom: 0px;
+    height: 10px;
     border-radius: 0px !important;
 }
 
 /* HELPER ---------------------------- */
 
-.hidden{
-    display:none;
+.hidden {
+    display: none;
 }
 
-.round-ball{
+.round-ball {
     border-radius: 60px !important;
     font-size: 1.5em;
     position: fixed;
@@ -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

@@ -2,15 +2,15 @@
     color: #ffffff;
 }
 
-#side-menu li a:focus, 
-#side-menu li a:hover, 
-#side-second-menu li a:focus, 
-#side-second-menu li a:hover 
+#side-menu li a:focus,
+#side-menu li a:hover,
+#side-second-menu li a:focus,
+#side-second-menu li a:hover
 {
     color: #000000 !important;
     background-color: #fff !important;
 }
- 
+
 .nav-dropdown .dropdown-toggle{
     color: #ffffff !important;
 }
@@ -22,3 +22,5 @@
     color: #000000 !important;
 }
 
+.menu-toggle{ color: #fff !important; }
+.nav + .navbar-top-links, .nav + .navbar-top-links:visited{ color: #fff !important; }