<commit_before>/**
 * Copyright 2016 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* UI elements that did not fit into the buttons/range elements category. */


/* This is a div containing the current time and duration of the video.  It sits
 * to the left of the control buttons and above (Y axis) the seek bar.
 * The actual text is inside another div, which is important for click events.
 */
.shaka-current-time {
  /* Use Roboto if available. */
  font-family: Roboto-Regular, Roboto, sans-serif;
  font-size: 16px;
  color: rgb(255, 255, 255);

  /* Make the time element the right size for the text, instead of defaulting
   * to the same size as the rest of the controls. */
  height: auto;

  cursor: default;
  .unselectable();
}

/* This is a spacer element used to separate elements within the contol
 * buttons panel. It's just an empty div of certain width. */
.shaka-spacer {
  width: 48%;

  /* Make the element shrink to accommodate things to the right. */
  .shrinkable();
}<commit_msg>Make spacer growable in order to align control elements (#1796)<commit_after>/**
 * Copyright 2016 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* UI elements that did not fit into the buttons/range elements category. */


/* This is a div containing the current time and duration of the video.  It sits
 * to the left of the control buttons and above (Y axis) the seek bar.
 * The actual text is inside another div, which is important for click events.
 */
.shaka-current-time {
  /* Use Roboto if available. */
  font-family: Roboto-Regular, Roboto, sans-serif;
  font-size: 16px;
  color: rgb(255, 255, 255);

  /* Make the time element the right size for the text, instead of defaulting
   * to the same size as the rest of the controls. */
  height: auto;

  cursor: default;
  .unselectable();
}

/* This is a spacer element used to separate elements within the control
 * buttons panel. It's just an empty div of certain width. */
.shaka-spacer {

  /* Make the element shrink to accommodate things to the right. */
  .shrinkable();

  /* Make the element grow to take up the remaining space. */
  flex-grow: 1;

  /* Margins don't shrink. Remove margins in order to be more flexible when shrinking. */
  margin: 0;
}
{'fraction_non_alphanumeric': 0.08363746958637469, 'fraction_numerical': 0.013990267639902677, 'mean_word_length': 3.344782034346103, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '4597633', 'n_tokens_mistral': 937, 'n_tokens_neox': 868, 'n_words': 464}