/* ==========================================================================
   ETHNOS R285 - PHOTOS 1280x720 : MEME PRESENTATION QUE MES DOCUMENTS

   A MODIFIER :
   - titre "Mes photos" centre ;
   - bouton "Ajouter une photo" sur la ligne suivante, centre ;
   - presentation calquee sur le header "Mes documents".

   A NE PAS TOUCHER :
   - section Mes documents validee ;
   - bouton Modifier / ligne photo de profil ;
   - Annuaire ;
   - autres resolutions ;
   - logique JS medias.
   ========================================================================== */

@media (width:1280px) and (height:720px){

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaSectionHeader{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-align:center !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaSectionHeader > div,
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaActions{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    flex:0 0 auto !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaSectionHeader h3{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  button[data-media-library-upload="photos"].ethnosOfficialAction{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:13px !important;
    padding-right:13px !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
}