roojs-ui.js

[roojs1] / less / roojs-bootstrap / nav-tabs.less

diff --git a/less/roojs-bootstrap/nav-tabs.less b/less/roojs-bootstrap/nav-tabs.less
index fd1b5e1..78cc34e 100644 (file)
--- a/less/roojs-bootstrap/nav-tabs.less
+++ b/less/roojs-bootstrap/nav-tabs.less
@@ -6,7 +6,7 @@
 }
 .nav-tabs-custom > .nav-tabs {
   margin: 0;
-  border-bottom-color: @gray-lighter-96-5; //#f4f4f4;
+  border-bottom-color: @gray-light; //#f4f4f4;
 }
 .nav-tabs-custom > .nav-tabs > li {
   border-top: 3px solid transparent;
@@ -37,8 +37,8 @@
 }
 .nav-tabs-custom > .nav-tabs > li.active > a {
   border-top: 0;
-  border-left-color: @gray-lighter-96-5; //#f4f4f4;;
-  border-right-color: @gray-lighter-96-5; //#f4f4f4;;
+  border-left-color: @gray-light; //#f4f4f4;;
+  border-right-color: @gray-light; //#f4f4f4;;
 }
 .nav-tabs-custom > .nav-tabs > li:first-of-type {
   margin-left: 0px;
@@ -79,4 +79,30 @@
 /* --- override it appears it's done un-reliably in JS normally.. */
 .tab-content > .tab-pane {
     position: absolute;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+    margin: 0 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+    padding: 10px 5px;
+}
+
+@media (max-width: 768px) {
+    .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+        padding: 5px 5px;
+    }
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+    margin-bottom: 0px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+    margin-left: 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+    padding: 10px 5px;
 }
\ No newline at end of file