Konfiguracja aplikacji Todo List

angular.json

            "styles": [
              "src/styles.css",
              "./node_modules/materialize-css/dist/css/materialize.css"
            ],
            "scripts": [
              "./node_modules/materialize-css/dist/js/materialize.js"
            ],

app.component.css

.ml-5 {
  margin-left: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.done {
  color: silver;
  text-decoration: line-through;
}

input[type='date'].disabled::-webkit-inner-spin-button {
  display: none;
}

.content {
  overflow: auto;
  height: 500px;
  max-height: 500px;
}

app.component.html

<div class="container">
  <nav class="row">
    <div class="nav-wrapper">
      <span class="brand-logo center">Lista zadań</span>
    </div>
  </nav>

  <div class="row">
    <button class="btn col s2 offset-s10">Dodaj zadanie</button>
    <button class="btn col s2 offset-s10">Zakończ</button>
  </div>

  <div class="row">
    <input
      class="col s8"
      type="text"
      placeholder="Dodaj zadanie i datę wykonania"
    />
    <input class="col s2 disabled" type="date" />
    <button class="btn-floating">+</button>
  </div>

  <ul class="collection">
    <li class="collection-item row">
      <span class="col s10">1 Siłownia - 11.07 czwartek</span>
      <div class="col s2 right-align">
        <button class="btn-floating btn-small red">
          <i class="material-icons">remove</i>
        </button>
        <button class="btn-floating btn-small green ml-5">
          <i class="material-icons">check</i>
        </button>
      </div>
    </li>
    <li class="collection-item row">
      <span class="col done">Sprzątanie kuwet</span>
    </li>
  </ul>

  <h1>Dzisiaj brak zadań :-)</h1>

  <button class="btn red">Wyczyść</button>

  <footer class="page-footer mt-5">
    <div class="footer-copyright">
      <div class="container">
        2020 © Lista zadań,All rights reserved.
      </div>
    </div>
  </footer>
</div>

index.html

<!--Dodaj do sekcji Head w index.html-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">