src/app/views/customers/create-step-1/create-step-1.less
#create-step-1 {
.apps-container {
display: flex;
flex-wrap: wrap;
.app-icon {
max-width: 120px;
margin: 10px;
.app-icon-wrapper {
position: relative;
.app-logo {
width: 100%;
}
.checked {
position: absolute;
border-radius: 6px;
background-color: rgba(47, 228, 50, 0.3);
left: 0;
right: 0;
top: 0;
bottom: 0;
// Center the tick
display: flex;
align-items: center;
justify-content: center;
}
}
.app-title {
max-width: inherit;
text-align: center;
margin-top: 5px;
.ellipsis;
}
}
}
}