/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


 .social-activity
 {
    width: 100%;
    font-size: 15px;
    padding: 10px;
 }

    .social-activity p
    {
        padding-top: 10px;
        text-align: justify;
    }

    .social-activity table
    {
        width: 100%;
        background-color: lightgray;
        font-size: 12px;
    }  
        .social-activity tr
        {
        }

        .social-activity th, .social-activity td
        {
            border-top: 1px solid black;
            border-bottom: 1px solid black;

            padding: 3px;
            text-align: left;
        }

            .social-activity tr :nth-child(1)
            {
                width: 40%;
            }

            .social-activity tr :nth-child(2)
            {
                width: 60%;
            }


.container-flex {
  display: flex;         /* Attiva il modello flex */
  align-items: center;   /* Allinea tutti i figli verticalmente al centro */
  gap: 15px;             /* Aggiunge spazio tra i link */
}

    /* Seleziona solo il primo link (quello testuale) */
    .container-flex a:first-child 
    {
        align-self: center; /* Assicura che sia centrato */
        position: relative;
        top: 7px; /* Sposta manualmente verso il basso di 2 pixel */
    }