<div class="fixed-action-btn" style="bottom: 45px; right: 45px;">
  <a class="btn-floating btn-large waves-effect waves-light red" style="margin-left: 10px; "
     linkTo="/hotels/new">
    <i class="material-icons">add</i>
  </a>
</div>

<div class="row">
  <div class="input-field col m12">
      <i class="material-icons prefix">search</i>
      <input id="icon_prefix" type="text" class="validate" #filterInput (keyup)="0">
      <label for="icon_prefix">Search by name, desc or city</label>
  </div>
</div>
<div class="row">
  <div class="col m12">
    <div class="card-panel">
      <table class="responsive-table striped">
        <tbody>
        <tr *ngFor="let hotel of hotels | async | hotelFilter:filterInput.value">
          <td><a [linkTo]="'/hotels/' + hotel.id">{{hotel.name}}</a></td >
          <td>{{hotel.city}}</td>
          <td>{{hotel.countryCode}}</td>
          <td><a href="{{hotel.website}}" target="_blank">{{hotel.website}}</a></td>
          <td><a href="{{hotel.tripAdvisorUrl}}" target="_blank">Trip advisor</a></td>
          <td>{{hotel.rooms}}</td>
        </tr>
      </table>
    </div>
  </div>
</div>

<div class="fixed-action-btn" style="bottom: 45px; right: 45px;">
  <a class="btn-floating btn-large waves-effect waves-light red" style="margin-left: 10px; "
     linkTo="/hotels/new">
    <i class="material-icons">add</i>
  </a>
</div>

<div class="row">
  <div class="input-field col m6">
      <i class="material-icons prefix">search</i>
      <input id="icon_prefix" type="text" class="validate" #filterInput (keyup)="0">
      <label for="icon_prefix">Search by name, desc or city</label>
  </div>
</div>
<div class="row">
  <div class="col m12">
    <div class="card-panel">
      <table class="responsive-table striped">
        <tbody>
        <tr *ngFor="let hotel of hotels | async | hotelFilter:filterInput.value">
          <td><a [linkTo]="'/hotels/' + hotel.id">{{hotel.name}}</a></td >
          <td>{{hotel.city}}</td>
          <td>{{hotel.countryCode}}</td>
          <td><a href="{{hotel.website}}" target="_blank">{{hotel.website}}</a></td>
          <td><a href="{{hotel.tripAdvisorUrl}}" target="_blank">Trip advisor</a></td>
          <td>{{hotel.rooms}}</td>
        </tr>
      </table>
    </div>
  </div>
</div>

Fix input search field size.
Fix input search field size.
