app/assets/stylesheets/user-dashboard.scss
.c-dashboards.a-show {
table td, th {
padding: 2px 5px;
font-size: 1.2rem;
font-weight: normal;
img {
display: inline-block;
vertical-align: middle;
}
}
#map-overlay {
position: absolute;
z-index: 99;
width: 100%;
background: white;
height: 100%;
opacity: 0.85;
padding: 1rem;
p {
@media (max-width: $lg-breakpoint) {
font-size: 0.8rem;
}
}
div {
width: 100%;
}
}
#map {
width:100%;
height: 300px;
border: 2px solid $primary-color-darker;
border-radius: 10px;
z-index: 1;
.leaflet-marker-icon {
cursor: inherit;
outline: 0;
&.leaflet-clickable {
cursor: pointer;
}
}
}
.leaflet-touch, .leaflet-control-fullscreen a {
background-position: 0px 0px;
}
#checkin_id {
margin-right: 2rem;
}
#map-status {
// font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.dashboard {
.address {
font: 0.7rem Fira Mono;
margin-bottom: 1em;
white-space: pre;
}
#most-checkins, ul.collection{
margin: 0;
ul.collection, ul.collection li {
background: transparent;
border: none;
}
}
}
}