<commit_before>@phoneSearchFontSize:   @phoneFontSize - 4px;
@tabletSearchFontSize:  @tabletFontSize - 3px;
@desktopSearchFontSize: @desktopFontSize;

#search-screen {
  width: 100%;

  @media @phone {
    font-size: @phoneSearchFontSize;
  }

  @media @tablet {
    font-size: @tabletSearchFontSize;
  }

  @media @desktop {
    font-size: @desktopSearchFontSize;
  }

  @media @wideDesktop {
    font-size: @desktopSearchFontSize;
  }

  .clickable {
    &:hover {
      cursor: pointer;
    }
  }

  input.standalone {
    max-width: 150px !important;
  }

  textarea.standalone {
    min-width:  250px;
    max-width:  500px;
    min-height: 100px;
  }

  .btn-borderless {
    color: black;
  }

  .new-password-entry-table {
    margin-top: 20px;
    tr {
      vertical-align: top;
    }
  }

  .search-box {
    #search-form {

      .desktop-styles {
        display: inline-block;
      }

      &.mobile {
        input {
          width:   80%;
        }
      }

      &.desktop {
        white-space: nowrap;
        input {
          width:   80%;
        }
      }

      input {
        display: inline-block;

        @media @desktop {
          .desktop-styles;
        }

        @media @wideDesktop {
          .desktop-styles;
        }

        input {
          @media @phone {
            min-height: 40px;
            font-size: @phoneFontSize * 0.9;
          }

          @media @tablet {
            min-height: 40px;
            font-size: @tabletFontSize * 0.9;
          }
        }
      }
    }

    .search-options {
      padding-left:  16px !important;
      display:       inline-block;
      border:        @inputBorderColor;
      border-radius: 5px 5px 5px 5px;

      .buttons {
        margin-right: 10px !important;
      }

      .search-option {
        margin-left: 5px;
      }

      div.input {
        display: inline;

        input[type=checkbox] {
          margin-left: 0;
          position: relative;
        }
      }
    }
  }

  #desktop-results {

    @horizontalMargin: 30px;

    .desktop-results-header {
      margin-left:   @horizontalMargin;
      margin-right:  @horizontalMargin;
      margin-bottom: 20px;
    }

    .pw-buttons {
      white-space: nowrap;

      button {
        &.delete {
          color: red;
        }
      }
    }

    .results-table {
      table {
        width: 100%;

        thead {
          border-bottom: 1px solid #cccccc;
        }

        tr {
          padding: 10px;

          &.even {
            background-color: @resultsTableRowEvenColor;
          }

          &.odd {
            background-color: @resultsTableRowOddColor;
          }

          td, th {
            padding: 10px;

            &.name {
              max-width: 300px;
            }

            &.description {
              min-width: 20%;
              max-width: 600px;

              .heading {
                text-align: center;
                font-weight: bold;
                font-style: italic;
              }
            }

            &.select-checkbox {
              max-width: 150px;
              min-width: 100px;
            }
          }

          th {
          }

          td {
            vertical-align: top;

            &.password {
              white-space: nowrap;
            }

            &.select-checkbox {
              input {
                vertical-align: top;
              }
            }

            .extras {
              .toggle-button {
                margin-top:    5px;
                margin-bottom: 10px;
              }

              table {
                width: auto;

                td {
                  border:         0;
                  padding-top:    5px;
                  padding-bottom: 5px;

                  &:nth-child(n+1) {
                    border-top: 1px solid #999999;
                  }

                  &.heading {
                    padding-top:    10px;
                    padding-bottom: 10px;
                  }
                }
              }

              .field-name {
                font-weight: bold;

                &.security-question {
                  font-weight: normal;
                }
              }
            }
          }
        }

        input[type="text"], input[type="password"] {<commit_msg>Tweaked borders in extra fields table in desktop search results.<commit_after>@phoneSearchFontSize:   @phoneFontSize - 4px;
@tabletSearchFontSize:  @tabletFontSize - 3px;
@desktopSearchFontSize: @desktopFontSize;

#search-screen {
  width: 100%;

  @media @phone {
    font-size: @phoneSearchFontSize;
  }

  @media @tablet {
    font-size: @tabletSearchFontSize;
  }

  @media @desktop {
    font-size: @desktopSearchFontSize;
  }

  @media @wideDesktop {
    font-size: @desktopSearchFontSize;
  }

  .clickable {
    &:hover {
      cursor: pointer;
    }
  }

  input.standalone {
    max-width: 150px !important;
  }

  textarea.standalone {
    min-width:  250px;
    max-width:  500px;
    min-height: 100px;
  }

  .btn-borderless {
    color: black;
  }

  .new-password-entry-table {
    margin-top: 20px;
    tr {
      vertical-align: top;
    }
  }

  .search-box {
    #search-form {

      .desktop-styles {
        display: inline-block;
      }

      &.mobile {
        input {
          width:   80%;
        }
      }

      &.desktop {
        white-space: nowrap;
        input {
          width:   80%;
        }
      }

      input {
        display: inline-block;

        @media @desktop {
          .desktop-styles;
        }

        @media @wideDesktop {
          .desktop-styles;
        }

        input {
          @media @phone {
            min-height: 40px;
            font-size: @phoneFontSize * 0.9;
          }

          @media @tablet {
            min-height: 40px;
            font-size: @tabletFontSize * 0.9;
          }
        }
      }
    }

    .search-options {
      padding-left:  16px !important;
      display:       inline-block;
      border:        @inputBorderColor;
      border-radius: 5px 5px 5px 5px;

      .buttons {
        margin-right: 10px !important;
      }

      .search-option {
        margin-left: 5px;
      }

      div.input {
        display: inline;

        input[type=checkbox] {
          margin-left: 0;
          position: relative;
        }
      }
    }
  }

  #desktop-results {

    @horizontalMargin: 30px;

    .desktop-results-header {
      margin-left:   @horizontalMargin;
      margin-right:  @horizontalMargin;
      margin-bottom: 20px;
    }

    .pw-buttons {
      white-space: nowrap;

      button {
        &.delete {
          color: red;
        }
      }
    }

    .results-table {
      table {
        width: 100%;

        thead {
          border-bottom: 1px solid #cccccc;
        }

        tr {
          padding: 10px;

          &.even {
            background-color: @resultsTableRowEvenColor;
          }

          &.odd {
            background-color: @resultsTableRowOddColor;
          }

          td, th {
            padding: 10px;

            &.name {
              max-width: 300px;
            }

            &.description {
              min-width: 20%;
              max-width: 600px;

              .heading {
                text-align: center;
                font-weight: bold;
                font-style: italic;
              }
            }

            &.select-checkbox {
              max-width: 150px;
              min-width: 100px;
            }
          }

          th {
          }

          td {
            vertical-align: top;

            &.password {
              white-space: nowrap;
            }

            &.select-checkbox {
              input {
                vertical-align: top;
              }
            }

            .extras {
              .toggle-button {
                margin-top:    5px;
                margin-bottom: 10px;
              }

              table {
                width: auto;

                tr {
                  &:nth-child(n+2) {
                    border-top: 1px solid #999999;
                  }
                }

                td {
                  border:         0;
                  padding-top:    5px;
                  padding-bottom: 5px;

                  &.heading {
                    padding-top:    10px;
                    padding-bottom: 10px;
                  }
                }
              }

              .field-name {
                font-weight: bold;

                &.security-question {
                  font-weight: normal;
                }
              }
            }
          }
        }

        input[type="text"], input[type="password"] {
{'fraction_non_alphanumeric': 0.10333333333333333, 'fraction_numerical': 0.01954022988505747, 'mean_word_length': 1.0085410895660203, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1062123', 'n_tokens_mistral': 2797, 'n_tokens_neox': 2482, 'n_words': 454}