condensed slotlist 002

gistfile1.txt

.slot {
    width: 8px !important;
    height: 8px !important;
    transition: all .3s ease;
}

.avatar {
   box-shadow: none !important;
}

.squad-siblings {
    min-height: 30px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    transition: all .3s ease;
}

.slot-descr {
    opacity: 0!important;
    height: 0px !important;
    display: none !important;
}

.platoon-container {
    width: fit-content !important;
    float: left !important;
    transition: all .3s ease;
}

.squad-container {
    min-height: 100px !important;
    min-width: 100px !important;
    transition: all .3s ease;
}

.fireteam-container {
    padding: 7px 5px 7px 5px !important;
    transition: all .3s ease;
}



.squad-title, .platoon-title, .company-title {
    top: 15px !important;
    font-size: 10px !important;
}

.natosymbol {
    top: 10px !important;
    left: calc(50% - 15px) !important;
    transition: all .3s ease;
}



.squad-container:hover {
    min-height: 150px !important;
    min-width: 184px !important;
    transition: all .3s ease;
}

.squad-container:hover .fireteam-container {
    padding: 7px 10px 7px 10px !important;
    transition: all .3s ease;
}

.squad-container:hover .squad-siblings {
    min-height: 72px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    transition: all .2s ease;
}

.squad-container:Hover .slot {
    width: 35px !important;
    height: 35px !important;
    transition: all .2s ease;
}

.squad-container:Hover .slot-descr {
   display: inline-block !important;
   opacity: 1 !important;
   transition: all .2s ease !important;
}

.squad-container:hover .avatar {
   box-shadow: none !important;
}

.squad-container:hover .natosymbol {
    top: 10px !important;
    left: 15px !important;
    transition: all .3s ease;
}

.squad-container:Hover .squad-title {
    top: 0px !important;
    font-size: 16px !important;
    transition: all .3s ease;
}