/* Small mobiles */
@media (min-width: 300px) and (max-width: 700px) {
  .card {
    width: 90%;
  }
  .card-body {
    padding: 12px;
  }
  .card-title {
    font-size: 0.95rem;
  }
  .edited {
    font-size: 0.9rem;
  }
  .mobile-only {
    display: none;
  }
  .icon {
    position: relative;
  }
  .icon i {
    display: block;
    position: absolute;
    right: 66px;
    top: 2px;
  }
}

/* Tablets (iPad, etc.) */
@media (min-width: 768px) and (max-width: 1024px) {
  .icon {
    position: relative;
  }
  .icon i {
    display: block;
    position: absolute;
    right: 254px;
    top: 2px;
  }
}

/* Small laptops */
@media (min-width: 1024px) and (max-width: 1200px) {
  .icon i {
    right: 370px;
    top: 2px;
  }
}