.history { flex: 0 0 40%; overflow-y: hidden; margin-left: 5px !important; padding-left: 10px !important; padding-right: 10px !important; max-height: 100%; } .history-self { overflow-y: auto; height: calc(100% - 75px) !important; } #delete-history{ display:block !important; } .btn-hide-history { display: none; } @media (max-width: 1023px) { .history { flex: unset; margin-left: unset !important; padding-left: 10px !important; padding-right: 10px !important; max-height: 100%; display: none; } .btn-hide-history { display: inline-block; } } .btn-history-h3-container { display: flex; padding: 0; margin: 0; justify-content: space-between; height: auto; gap: 5px; line-height: 22px; padding-left: 10px; align-items: baseline; align-content: center; flex-wrap: wrap; padding-top: 0; margin-top: 14px; } .history h3 { margin-top: 0; }  .history-single-calculation-container { border-radius: 5px; background-color: var(--bg); padding: 15px; margin-bottom: 5px; font-size: 15px; height: auto; }  .history-sub-first-calculation-container {  }  .history-sub-second-calculation-container { font-weight: 700; }  .history-sub-calculation-container { } .history-sub-calculation-container span { display: block; }  .btn-history-container { display: flex; padding: 0; margin: 0; justify-content: space-between; height: auto; gap: 5px; line-height: 22px; } .btn-history-open-img { background: url('/Assets/images/site/history.svg') no-repeat center center; } .btn-history-close-img { background: url('/Assets/images/site/history-off.svg') no-repeat center center; } .btn-history-delete-img { background: url('/Assets/images/site/delete.svg') no-repeat center center; } .delete-history-container { display: flex; justify-content: flex-end; } .btn-history { background-size: 24px 24px; width: 40px; height: 40px; border: none; cursor: pointer; background-color: transparent; border-radius: 50%; transition: background-color 0.3s, transform 0.2s; outline: none; display: inline-block; } .btn-history:hover { background-color: rgba(0, 0, 0, 0.05); transform: scale(1.1); } .btn-history:active { transform: scale(0.95); }