22

✏️ Editing: picker.css

.wpml-picker-container {
  padding-top: 5px;
  margin-bottom: 0; }
  .wpml-picker-container .wp-picker-container-wrap {
    float: left;
    display: block;
    border: 1px solid rgba(47, 125, 146, 0.3);
    border-radius: 2px;
    padding: 6px 10px;
    cursor: pointer; }
    .wpml-picker-container .wp-picker-container-wrap:hover, .wpml-picker-container .wp-picker-container-wrap:has(.wp-color-result.button:focus) {
      border-color: #2F7D92; }
    .wpml-picker-container .wp-picker-container-wrap .wp-color-result.button {
      margin: 0;
      border: none;
      border-radius: 0;
      display: flex;
      gap: 4px; }
      .wpml-picker-container .wp-picker-container-wrap .wp-color-result.button:focus, .wpml-picker-container .wp-picker-container-wrap .wp-color-result.button:hover {
        box-shadow: none;
        border: none; }
    .wpml-picker-container .wp-picker-container-wrap button * {
      background-color: white;
      border: none;
      color: black; }
    .wpml-picker-container .wp-picker-container-wrap .wp-color-result-text {
      font-size: 13px; }
  .wpml-picker-container .wp-picker-label, .wpml-picker-container .wp-picker-container {
    float: left;
    display: block; }
  .wpml-picker-container .wp-picker-label {
    line-height: 44px;
    padding-right: 24px; }
  .wpml-picker-container .wp-picker-container.wp-picker-active .wp-color-result-text {
    display: none; }

@media (max-width: 780px) {
  .wpml-picker-container .wp-picker-container-wrap {
    min-width: 140px; }
    .wpml-picker-container .wp-picker-container-wrap .wp-picker-container button {
      padding: 0 0 0 33px; } }

MR SKB