#login-screen {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

/* Small screens (mobile) */
@media (max-width: 480px) {
  #login-screen {
    flex-direction: column;
  }

  #login-screen input,
  #login-screen button {
    width: 100%;
  }
}

/* -------------------------------------- */
/* COLUMN WIDTH CONTROL — ADMIN TABLE   */
/* -------------------------------------- */

.table-admin {
  table-layout: fixed;
  width: 100%;
}

.table-admin thead th:nth-child(1),
.table-admin thead th:nth-child(2) {
  width: 30%;
}

.table-admin thead th:nth-child(3) {
  width: 40%;
}