Label replaced by a button on the nav new entry form

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / various.scss

/* ==========================================================================
 * Various
 * ========================================================================== */

div.settings div.file-field {
  /* force height on non-input field in the settings page */
  div,
  ul {
    margin-top: 40px;
  }

  /* but avoid to kill all file input */
  div {
    margin-top: inherit;
  }
}

.input-field label.active {
  font-size: 1rem;
}

nav .input-field input {
  margin: 0;
  padding-left: 0.5rem;
}

.new-entry-button {
  padding: 0 1rem;
  background-color: transparent;
  border: none;

  &:focus {
    background-color: inherit;
  }
}

.tabs {
  display: flex;
}

.tab {
  flex: 1;
}