/* Minimal fix for button overlap issue */

/* Ensure buttons in headers don't overlap */
.card-header button,
.modal-header button {
  margin-left: 10px;
  margin-right: 10px;
}

/* Fix specific photo buttons */
button[onclick*="Camera"],
button[onclick*="upload"],
button[onclick*="Photo"] {
  position: relative !important;
  z-index: 10 !important;
  display: inline-block !important;
  margin: 5px !important;
}

/* Ensure parent containers use flexbox */
.card-header,
.modal-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 60px;
}

/* Fix button text alignment */
.btn {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

/* Ensure icons in buttons are aligned */
.btn i {
  vertical-align: middle;
  margin-right: 5px;
}