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 6b18551..78cc34e 100644 (file)
--- a/less/roojs-bootstrap/nav-tabs.less
+++ b/less/roojs-bootstrap/nav-tabs.less
@@ -86,16 +86,21 @@
 }
 
 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
-    padding: 0 5px;
+    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 .input-group,
-.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button.roo-toolbar-button {
-    margin: 10px 5px;
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+    margin-left: 5px;
 }
 
 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {