css-bootstrap/roojs-bootstrap-debug.css.map

[roojs1] / css-bootstrap / roojs-bootstrap-debug.css

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
index 9b54a63..14450e4 100644 (file)
--- a/css-bootstrap/roojs-bootstrap-debug.css
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -2329,12 +2329,21 @@ a.roo-brick-link:hover {
     }
 }
 */
-.modal-body.roo-layout-container {
+.modal-body.roo-layout-container,
+.modal-body > .container {
   padding: 0;
 }
 .modal-dialog {
   max-width: 100%;
 }
+@media (max-width: 768px) {
+  .modal-body {
+    padding: 5px;
+  }
+  .modal-body > .container .col-xs-12 {
+    padding-left: 0px;
+  }
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2516,17 +2525,18 @@ a.roo-brick-link:hover {
   margin: 0 5px;
 }
 .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 .roo-toolbar-label {
-  margin: 10px 0;
-}
-.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 {
   padding: 10px 5px;
@@ -2537,6 +2547,10 @@ a.roo-brick-link:hover {
     margin-right: 15px;
   }
 }
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+  margin: 0px -5px;
+}
 .roo-numberbox {
   background-color: #337ab7 !important;
   border: 10px solid black;