/* Adjust activity description margins 
#page.drawers .activity-header:not(:empty) {
  padding-left: 0;
  padding-right: 0;
}*/
@media screen and (max-width: 480px) {
  #page.drawers .activity-header:not(:empty) {
    margin-left: 0;
    margin-right: 0;
  }
  .btn[name="saveandadd"] {
    display: none;
  }
}

#page-mod-data-view:has(#data-singleview-content) #page.drawers .activity-header:not(:empty) {
  display: none;
}

.sub-info:not(:first-child):not(:empty)::before {
  content: ' • ';
}

.mod-data-approval-status-badge {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  color: #7d5a29;
  background-color: #fcefdc;
  border: 1px solid #fbe8cd;
  border-radius: .5rem;
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Fix horrible navigation */
#page-mod-data-view #options .d-flex { flex-wrap: wrap }
#page-mod-data-view #options .d-flex > div:first-of-type {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto 0;
  grid-template-areas:
    "page_label page_input page_input"
    "search search search"
    "sortby_label sortby_input order_input"
    "adv_label adv_input .";
  gap: 1rem;
  justify-items: start;
  align-items: baseline;

  #reg_search {
    display: grid !important;
    grid-template-columns: subgrid;
    grid-template-areas: "search_label search_input .";
    grid-template-rows: auto 0;
  }
  
  label[for="pref_perpage"] { grid-area: page_label }
  #pref_perpage { grid-area: page_input }

  #reg_search { grid-area: search }
  label[for="pref_search"] { grid-area: search_label }
  #pref_search { grid-area: search_input }

  label[for="pref_sortby"] { grid-area: sortby_label }
  #pref_sortby { grid-area: sortby_input }
  #pref_order { grid-area: order_input }

  #advancedcheckbox { grid-area: adv_input }
  label[for="advancedcheckbox"] { grid-area: adv_label }
}

@media screen and (max-width: 480px) {
  #page-mod-data-view [role="main"] .row.ml-auto {
    margin-left: 0 !important;
    > div:first-child { display: none }
  }

  #page-mod-data-view #options .d-flex #advsearch-save-sec {
    margin: 0 auto !important
  }

  #page-mod-data-view #options .d-flex > div:first-of-type {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto auto 0;
    grid-template-areas:
      "page_label page_input"
      "search search"
      "sortby_label sortby_input"
      ". order_input"
      "adv_label adv_input";

    #reg_search {
      grid-template-areas: "search_label search_input";
    }
  }
}