/* Grid view (default) */
.files-container {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.file-item {
  height: 100%;
}

.file-item__icon {
  display: flex;
  justify-content: center;
}

.file-item a {
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
}

.file-item__details {
  margin-top: 0.5rem;
  margin-left: 0 !important;
}

.file-item__meta {
  display: none;
}

/* List view */
.file-item--list a {
  flex-direction: row;
  text-align: left;
  align-items: center;
}

.file-item--list .file-item__icon {
  justify-content: flex-start;
}

.file-item--list .file-item__details {
  margin-top: 0;
  margin-left: 0.75rem !important;
}

.file-item--list .file-item__meta {
  display: block;
  margin-top: 0.25rem;
}