.tab-pid_tuning { } .tab-pid_tuning input[type="number"]::-webkit-inner-spin-button { border: 0; } .tab-pid_tuning table { float: left; margin-bottom: 10px; border-collapse: collapse; } .tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td { padding: 4px; border: 1px solid #8b8b8b; } .tab-pid_tuning table tr td:first-child { text-align: center; width:30%; } .tab-pid_tuning table td { padding: 1px; } .tab-pid_tuning table tr:nth-child(odd) { background-color: #ececec; } .tab-pid_tuning table input { display: block; width: 100%; height: 20px; line-height: 20px; text-align: right; } .tab-pid_tuning .controller { float: left; width: calc(40% - 10px); margin-left: 10px; margin-bottom: 10px; border: 1px solid #8b8b8b; } .tab-pid_tuning .controller .head { display: block; text-align: center; line-height: 20px; font-weight: bold; border-bottom: 1px solid #8b8b8b; background-color: #ececec; } .tab-pid_tuning .controller select { width: 100%; height: 20px; line-height: 20px; } .tab-pid_tuning .profile { float: left; width: calc(18% - 2px); /* - border*/ border: 1px solid #8b8b8b; } .tab-pid_tuning .profile .head { display: block; text-align: center; line-height: 20px; font-weight: bold; border-bottom: 1px solid #8b8b8b; background-color: #ececec; } .tab-pid_tuning .profile select { width: 100%; padding-left: calc(100% - 35px); height: 20px; line-height: 20px; } .tab-pid_tuning .pid_tuning { width: 100%; } .tab-pid_tuning .pid_tuning .name { width: 30%; } .tab-pid_tuning .rate-tpa { float: right; width: calc(100% - 0px); /* - ( "virtual" margin) */ } .tab-pid_tuning .buttons { right:10px; bottom: 10px; } .tab-pid_tuning .top-buttons { float:right; }