<div class="container-fluid" #container>
  <div class="row">
    <kendo-textbox-container floatingLabel="Filename" class="fill">
      <div id="file-search" class="fill">
        <input kendoTextBox name="inputFileName" id="inputFileName" [(ngModel)]="fileName" (keydown.enter)="searchFile()">
        <button class="k-button" type="button" (click)="searchFile()">
          <i class="fa fa-search"></i>
        </button>
      </div>
    </kendo-textbox-container>
  </div>
  <div class="row">
    <a (click)=click($event) class="file-link">.restapplicationsettings</a>
    <a (click)=click($event) class="file-link">.applicationsettings</a>
    <a (click)=click($event) class="file-link">.classpath</a>
  </div>
  <div class="row margin">
    <kendo-textbox-container floatingLabel="SEARCH()" class="fill">
        <input type="text" class="fill" kendoTextBox name="inputSearch" id="inputSearch" [(ngModel)]="searchResult" readonly>
    </kendo-textbox-container>
  </div>
  <div class="row margin">
    <kendo-grid [data]="fileInfo" scrollable="none">
      <kendo-grid-column field="Property">
        <ng-template kendoGridHeaderTemplate>
          <p style="font-weight: bold">Property</p>
        </ng-template>
      </kendo-grid-column>
      <kendo-grid-column field="Value">
        <ng-template kendoGridHeaderTemplate>
          <p style="font-weight: bold">Value</p>
        </ng-template>
      </kendo-grid-column>
    </kendo-grid>
  </div>
</div>

./file-info.component.css

.fill {
    width: 100%;
}

.margin {
    padding-top: 10px;
}

.file-link {
    cursor: pointer;
    margin-right: 5px;
}

::ng-deep label {
    font-weight: normal !important;
}

#file-search {
    display: flex;
    flex-direction: row;
}
#file-search input {
    flex-grow: 1;
}
#file-search button {
    flex-grow: 0;
    width: 30px;
}

kendo-grid {
    flex-grow: 1;
}