.simpleui-form-item { display: inline-block; width: auto; } #changelist #toolbar form input { /*padding-left: 30px!important;*/ } .el-link-btn { text-decoration: none !important; color: #606266 !important; } #pagination { text-align: center; margin-top: 10px; } .actions .el-button { margin-right: 10px; margin-left: 0px; } #content { padding: 0px; } #content #changelist-form { padding: 0px 20px; } #changelist #toolbar { margin-bottom: 0px !important; } .form-main { padding: 20px; float: none !important; width: auto !important; } .el-alert { margin-bottom: 10px; } .el-alert:last-child { margin-bottom: 0px !important; } a:link, a:visited { color: #3f9eff; text-decoration: none; } .object-tools{ margin-top: 0px; } .vTextField{ outline: none; } td, th { vertical-align: inherit; border-bottom: none; } .row2 { background: #fafafa; } tbody tr:hover td,tbody tr:hover th{ background-color: #ebf5ff; } .form-row{ border-bottom: none!important; } @media (max-width: 767px) { .submit-row > * { margin-left: 0px !important; margin-bottom: 10px; } .form-main{ padding: 0px; } #content{ padding:0px 3px!important; } .simpleui-form .el-input{ width: 100px; padding-left: 0px!important; padding-right: 0px!important; margin: 0px; margin-right: 10px; } .object-tools{ margin-top: 10px; } .el-pagination{ white-space: inherit; } } @media (max-width: 1024px) { .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered .actions, .filtered div.xfull{ margin-right: 0px!important; } #changelist-search > div{ max-width: 100%!important; } #content{ padding: 0px!important; } }