.divItem { display: inline-block; margin-left: 30px; margin-bottom: 30px; width: 100px; } .imgItem { border: 3px solid #00ff37; box-sizing: border-box; border-radius: 5px; display: inline-block; margin-left: 10px; background-color: #bfbfbf; } .imgHidden { margin-left: 10px; border: none; display: inline-block; background-color: #bfbfbf; } .imgHidden:hover { margin-left: 10px; border: 3px solid #00ff37; box-sizing: border-box; border-radius: 5px; display: inline-block; } .iconItem { // position: relative; // left: 70px; // top: 10px; // font-size: 17px; margin-top: -3px; font-size: 17px; float: right; margin-left: -10px; } .iconHidden { display: none; } .iconHidden:hover { // position: relative; // left: 70px; // top: 10px; // font-size: 17px; margin-top: -3px; font-size: 17px; float: right; margin-left: -10px; } .table { background-color: white; height: calc(100vh - 130px); margin-top: 10px; overflow-y: scroll; } // .ant-card-body { // padding: 0px 24px 24px 17px; // } .sel { width: 200px; } .icon { margin-top: -5px !important; vertical-align: text-bottom; } .redText { color: red; }