}
}
*/
-.modal-body.roo-layout-container {
+.modal-body.roo-layout-container,
+.modal-body > .container {
padding: 0;
}
.modal-dialog {
.tab-content > .tab-pane {
position: absolute;
}
-.tab-content > .tab-pane .navbar > .navbar-nav {
- margin: 0 5px;
-}
.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
- margin: 0px;
+ margin: 0 5px;
}
.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
- padding: 0px;
+ 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 {
+ padding: 10px 5px;
}
/* for some reason it's -15px on BS */
@media (min-width: 768px) {
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;