web-ui: finder.component styles improved

some classes were added/removed to make the component
look right on every screen size

web-ui/src/app/components/finder/finder.component.html

@@ -1,17 +1,31 @@
-<form [formGroup]="form" (ngSubmit)="onSubmit()" novalidate role="form" class="form-horizontal">
+<form [formGroup]="form" (ngSubmit)="onSubmit()" novalidate role="form">
 
-  <div [ngClass]="{ 'has-success': errorService.hasCorrectValue(form, 'searchField'), 'has-error': errorService.hasWrongValue(form,
+  <div
-  'searchField') }" class="form-group" >
+    class="form-group"
+    [ngClass]="{
+      'has-success': errorService.hasCorrectValue(form, 'searchField'),
+      'has-error': errorService.hasWrongValue(form, 'searchField')
+    }"
+  >
+    <div class="row">
+      <div class="col-xs-9 col-md-offset-3 col-md-6">
+        <input
+          maxlength="64"
+          formControlName="searchField"
+          type="text"
+          id="searchField"
+          class="form-control"
+          placeholder="{{ 'label.searchField' | translate }}"
+        >
+      </div>
 
-    <div class="col-xs-10 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
+      <div class="col-xs-3">
-      <input maxlength="64" formControlName="searchField" type="text" id="searchField" class="form-control" placeholder="{{ 'label.searchField' | translate }}">
+        <input type="submit" [disabled]="!form.valid" value="{{ 'action.find' | translate }}" class="btn btn-primary">
-    </div>
+      </div>
-    
+
-    <div class="text-left col-sm-offset-2">
+      <div [hidden]="!errorService.hasWrongValue(form, 'searchField')" class="col-xs-9 col-md-offset-3 col-md-6">
-      <input type="submit" [disabled]="!form.valid" value="{{ 'action.find' | translate }}" class="btn btn-primary">
+        <span class="help-block">{{ errorService.getFieldError(form, 'searchField') | translate }}</span>
-    </div>
+      </div>
-    <div [hidden]="!errorService.hasWrongValue(form, 'searchField')" class="col-xs-10 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
-      <span class="help-block">{{ errorService.getFieldError(form, 'searchField') | translate }}</span>
     </div>
   </div>
 </form>