CSS Broken in Sugar 14.00

Sugar 13 .btn CSS

.btn {
    font-size: 11px;
    line-height: 12px;
    padding: 7px;
    box-shadow: none;
    margin-left: 8px;
    border: 1px solid var(--border-color);
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

Sugar 14 .btn CSS

.btn {
    font-size: 11px;
    line-height: 12px;
    padding: 7px;
    box-shadow: none;
    border: 1px solid var(--border-color);
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

margin-left:8px; is missing. Which results in the buttons created by ActionButtons running into each other.

Sugar 13

Sugar 14

Parents
  •  ,

    We decided to remove default margin from buttons as styling across the application became increasingly difficult to maintain with new layouts.

    We, product management and engineering, agree that it doesn't look good in your case and we are gonna look into a solution as soon as possible.

    Can you please open an Issue/Idea reporting this? I will make sure it gets escalated to the right product teams.

    thanks,

    Rafa

    SugarCRM | Principal Developer Advocate

Reply
  •  ,

    We decided to remove default margin from buttons as styling across the application became increasingly difficult to maintain with new layouts.

    We, product management and engineering, agree that it doesn't look good in your case and we are gonna look into a solution as soon as possible.

    Can you please open an Issue/Idea reporting this? I will make sure it gets escalated to the right product teams.

    thanks,

    Rafa

    SugarCRM | Principal Developer Advocate

Children